/* Shared styling for the legal document pages (privacy, terms).
   Deliberately a compact subset of the landing page's system — same tokens,
   same faces, narrower measure for long-form reading. */
:root{
  --ground:#F2F1EC; --nav:rgba(251,250,246,.94); --panel:#FFFFFF;
  --ink:#16261F; --accent:#C0512A; --accent-sm:#B34A26; --accent-dark:#E07A4E;
  --body:#3C4A42; --body-2:#4C5A52; --muted:#5F6C64;
  --on-dark:#F2F1EC; --on-dark-muted:#94A69B;
  --lead:#C6C8BE;
  --f-display:'Schibsted Grotesk',system-ui,sans-serif;
  --f-body:'DM Sans',system-ui,sans-serif;
  --gutter:clamp(18px,4vw,40px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--ground);color:var(--ink);
  font-family:var(--f-body);font-size:17px;line-height:1.65;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
::selection{background:#DDE7DF;color:var(--ink)}
svg{flex-shrink:0}
h1,h2,h3{font-family:var(--f-display);font-weight:800;margin:0;line-height:1.05;letter-spacing:-.03em}
p,ul,ol{margin:0}
a{color:var(--accent-sm)}
a:hover{color:var(--ink)}
:where(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}

/* header */
.nav{position:sticky;top:0;z-index:50;background:var(--nav);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.nav-in{max-width:1040px;margin-inline:auto;padding:14px var(--gutter);display:flex;align-items:center;gap:16px 28px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}
.brand:hover{color:var(--accent)}
.brand-name{font-family:var(--f-display);font-weight:800;font-size:24px;letter-spacing:-.03em}
.spacer{flex:1}
.back{font-size:15px;font-weight:600;color:var(--body-2);text-decoration:none;padding:12px 8px}
.back:hover{color:var(--ink)}

/* document */
.doc{max-width:74ch;margin-inline:auto;padding:clamp(32px,5vw,64px) var(--gutter) clamp(48px,6vw,80px)}
.doc-eyebrow{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--accent-sm);margin-bottom:14px}
.doc h1{font-size:clamp(32px,4.6vw,50px);margin-bottom:14px;text-wrap:balance}
.doc-meta{font-size:14.5px;color:var(--muted);margin-bottom:clamp(28px,4vw,44px);padding-bottom:clamp(20px,3vw,28px);border-bottom:2px dotted var(--lead)}
.doc h2{font-size:clamp(20px,2.4vw,25px);margin:clamp(30px,4vw,44px) 0 12px}
.doc h3{font-size:17.5px;font-weight:700;margin:24px 0 8px;letter-spacing:-.015em}
.doc p{color:var(--body);margin-bottom:14px}
.doc ul,.doc ol{color:var(--body);margin:0 0 16px;padding-left:22px}
.doc li{margin-bottom:8px}
.doc li::marker{color:var(--muted)}
.doc strong{color:var(--ink);font-weight:700}
.doc-intro{font-size:18.5px;line-height:1.6;color:var(--body)}

.callout{background:var(--panel);border-radius:16px;padding:20px 22px;margin:0 0 24px}
.callout p:last-child{margin-bottom:0}
.callout-label{font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:var(--accent-sm);margin-bottom:8px}

.tbc{background:#FBF3E6;border-radius:14px;padding:16px 18px;margin:0 0 20px;font-size:15.5px;color:#5C3D00}
.tbc strong{color:#5C3D00}

dl.contact{margin:0 0 16px}
dl.contact dt{font-weight:700;font-size:14.5px;color:var(--ink);margin-top:12px}
dl.contact dd{margin:2px 0 0;color:var(--body)}

/* footer */
.foot-wrap{background:var(--ink)}
.foot{max-width:1040px;margin-inline:auto;padding:clamp(28px,4vw,44px) var(--gutter);display:flex;justify-content:center;align-items:center;gap:14px 20px;flex-wrap:wrap}
.foot-name{font-family:var(--f-display);font-weight:800;font-size:20px;color:var(--on-dark);letter-spacing:-.02em}
.foot-meta{font-size:13px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:var(--on-dark-muted)}
.foot-tag{font-size:14px;font-weight:700;color:var(--on-dark-muted)}
.foot-dot{font-size:13px;color:var(--on-dark-muted)}
.foot a{color:var(--on-dark-muted);text-decoration:none;font-size:13px;font-weight:600}
.foot a:hover{color:var(--on-dark)}