/* Shared styles for AdaptSage's secondary pages (privacy, terms, 404). */
:root{
  --ink:#0B1622; --body:#3A4957; --muted:#6A7885;
  --ground:#FFFFFF; --soft:#F1F4F6; --line:#DCE3E8; --blue:#0066CC;
  --display:"Schibsted Grotesk",ui-sans-serif,system-ui,"Segoe UI",sans-serif;
  --text:"Source Sans 3",ui-sans-serif,system-ui,"Segoe UI",sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root{color-scheme:dark;--ink:#EEF3F6;--body:#B7C4CE;--muted:#8696A3;--ground:#0A121A;--soft:#121D27;--line:#22313D;--blue:#4DA3FF}
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--body);font:400 18px/1.65 var(--text);-webkit-font-smoothing:antialiased}
a{color:var(--blue);text-underline-offset:3px}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}
.wrap{max-width:1240px;margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}
.head{border-bottom:1px solid var(--line)}
.head .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:72px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 21px/1 var(--display);letter-spacing:-.03em;color:var(--ink)}
.logo img{width:30px;height:30px}
.back{font-weight:600;color:var(--ink);text-decoration:none}
.back:hover{text-decoration:underline}
.doc{max-width:760px;margin-inline:auto;padding:clamp(48px,8vw,96px) clamp(16px,4vw,40px) 96px}
.doc h1{font:700 clamp(38px,6vw,60px)/1.02 var(--display);letter-spacing:-.035em;color:var(--ink);margin:0 0 12px}
.doc .meta{color:var(--muted);font-size:16px;margin:0 0 40px}
.doc h2{font:600 24px/1.25 var(--display);letter-spacing:-.02em;color:var(--ink);margin:48px 0 12px}
.doc p,.doc li{margin:0 0 14px}
.doc ul{padding-left:22px;margin:0 0 14px}
.doc .summary{background:var(--soft);border-radius:14px;padding:20px 22px;margin-bottom:8px}
.doc .summary p:last-child{margin:0}
.foot{border-top:1px solid var(--line);padding-block:28px;font-size:15px;color:var(--muted)}
.foot .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.foot nav{display:flex;gap:18px;flex-wrap:wrap}
.foot a{color:var(--body);text-decoration:none}
.foot a:hover{color:var(--ink);text-decoration:underline}
