/* pages.css — standard tekst-/tekniske sider (privatliv, vilkår). Motor-genereret.
   Delt chrome (masthead/nav/footer) kommer fra chrome.css; her kun læse-spalte + prose. KUN tokens. */
body{background:var(--bg);color:var(--text-body)}
.page-shell{max-width:1120px;margin:0 auto;padding:22px 26px 60px}
.page-col{max-width:760px;margin:0 auto}

.page-lead-wrap{padding:40px 0 22px;border-bottom:2px solid var(--ink);margin-bottom:8px}
.page-kicker{font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin:0}
.page-title{font-family:var(--serif);font-weight:600;color:var(--text);line-height:1.06;letter-spacing:-.017em;font-size:clamp(30px,4.4vw,46px);margin:14px 0 0;text-wrap:balance}
.page-upd{font-family:var(--mono);font-size:12px;color:var(--text-muted);margin:14px 0 0;letter-spacing:.02em}

.page-body{margin-top:26px}
.prose p{font-family:var(--serif);font-size:18px;line-height:1.72;color:var(--text);margin:0 0 1.05em}
.prose-lead p:first-child{font-size:20px;color:var(--text-body)}
.prose a{color:var(--link);text-decoration:none;border-bottom:1px solid var(--hair2)}
.prose a:hover{border-color:var(--accent);color:var(--accent)}
.prose strong{color:var(--text);font-weight:600}
.prose em{font-style:italic}
.prose h2{font-family:var(--serif);font-weight:600;font-size:24px;line-height:1.18;color:var(--text);letter-spacing:-.01em;margin:1.5em 0 .45em}
.prose h3{font-family:var(--serif);font-weight:600;font-size:19px;color:var(--text);margin:1.3em 0 .35em}
.prose ul{font-family:var(--serif);font-size:18px;line-height:1.72;color:var(--text);margin:0 0 1.05em;padding-left:1.2em}
.prose li{margin:0 0 .35em}
.prose img{max-width:100%;height:auto}

.page-sec{border-top:1px solid var(--hairline);padding-top:8px;margin-top:30px}
.page-sec h2{margin-top:.2em}

.page-back{font-family:var(--mono);font-size:12.5px;margin:44px 0 0;border-top:1px solid var(--hairline);padding-top:22px}
.page-back a{color:var(--link);text-decoration:none;border-bottom:1px solid var(--hair2)}
.page-back a:hover{border-color:var(--accent);color:var(--accent)}

@media (max-width:640px){
  .page-shell{padding:18px 16px 48px}
  .page-title{font-size:29px}
}
@media (forced-colors:active){
  .page-lead-wrap,.page-sec{border-color:CanvasText}
}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}