/* Shared styling for the privacy, cookies and accessibility pages. */
:root{
  --ink:#12100D; --ink-2:#1A1713; --cream:#F4EBD9; --cream-2:#DED2B9;
  --rust:#BE3A2B; --brass:#C49A5C;
  --disp:'Rye','Bookman Old Style',Georgia,serif;
  --cond:'Oswald','Arial Narrow',system-ui,sans-serif;
  --body:'Barlow',system-ui,-apple-system,'Segoe UI',sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--body);
  font-weight:300;line-height:1.72;font-size:1.02rem}
.wrap{max-width:70ch;margin:0 auto;padding:clamp(20px,5vw,56px) clamp(20px,5vw,40px) 5rem}
header.top{border-bottom:1px solid rgba(196,154,92,.22);margin-bottom:2.6rem;padding-bottom:1.4rem;
  display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
header.top a.home{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--cream)}
header.top img{width:44px;height:44px;border-radius:50%;border:1px solid rgba(196,154,92,.5)}
header.top b{font-family:var(--disp);font-weight:400;font-size:1.15rem;display:block;line-height:1.1}
header.top i{font-family:var(--cond);font-style:normal;font-size:.62rem;letter-spacing:.28em;
  color:var(--brass);text-transform:uppercase}
.langsw{margin-left:auto;display:flex;gap:.3rem}
.langsw button{background:none;border:1px solid rgba(196,154,92,.35);color:rgba(244,235,217,.72);
  font-family:var(--cond);font-size:.7rem;letter-spacing:.16em;padding:.45rem .8rem;cursor:pointer;
  min-height:34px}
.langsw button[aria-pressed="true"]{background:var(--brass);color:var(--ink);border-color:var(--brass)}
h1{font-family:var(--disp);font-weight:400;font-size:clamp(1.9rem,5vw,2.7rem);line-height:1.15;
  margin:0 0 .4rem}
.sub{font-family:var(--cond);text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;
  color:var(--brass);margin:0 0 2.6rem}
h2{font-family:var(--cond);font-weight:500;font-size:1.16rem;letter-spacing:.04em;
  margin:2.6rem 0 .7rem;color:var(--cream)}
p,li{color:rgba(244,235,217,.82)}
ul{padding-left:1.2rem}
li{margin:.4rem 0}
a{color:var(--brass)}
a:hover{color:var(--cream)}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;
  background:rgba(244,235,217,.08);padding:.1em .4em;border-radius:2px}
.todo{border-left:3px solid var(--rust);background:rgba(190,58,43,.10);
  padding:1rem 1.2rem;margin:1.4rem 0;font-size:.95rem}
.todo b{font-family:var(--cond);letter-spacing:.06em;color:var(--cream);display:block;margin-bottom:.3rem}
.back{display:inline-block;margin-top:3rem;font-family:var(--cond);text-transform:uppercase;
  letter-spacing:.18em;font-size:.75rem;text-decoration:none;border:1px solid rgba(196,154,92,.4);
  padding:.85rem 1.5rem;color:var(--cream)}
.back:hover{background:rgba(196,154,92,.16)}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
[lang]:not([lang="sv"]):not([lang="en"]){display:none}
body[data-lang="sv"] [lang="en"]{display:none}
body[data-lang="en"] [lang="sv"]{display:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}