:root { --ink:#1c1c1b; --muted:#5e5e58; --paper:#f7f7f4; --line:#d9d8d1; --accent:#2e5049; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font:16px/1.65 "Schibsted Grotesk", Inter, Arial, sans-serif; }
a { color:inherit; text-underline-offset:3px; }
.site-header, main, .site-footer { width:min(920px, calc(100% - 40px)); margin-inline:auto; }
.site-header { display:flex; justify-content:space-between; align-items:center; padding:24px 0; border-bottom:1px solid var(--line); }
.brand { text-decoration:none; font-weight:800; letter-spacing:-.04em; font-size:1.25rem; }
.brand b { color:var(--accent); }
.back { color:var(--muted); font-size:.94rem; }
main { padding:64px 0 80px; }
.eyebrow { color:var(--accent); letter-spacing:.1em; text-transform:uppercase; font-weight:700; font-size:.75rem; margin:0 0 12px; }
h1 { font-size:clamp(2.3rem,6vw,4.1rem); line-height:1; letter-spacing:-.045em; margin:0 0 24px; }
h2 { font-size:1.35rem; letter-spacing:-.025em; margin:42px 0 12px; }
h3 { font-size:1.05rem; margin:24px 0 8px; }
p, li { max-width:75ch; }
ul { padding-left:1.2rem; }
.lead { font-size:1.15rem; color:var(--muted); }
.notice { border-left:3px solid var(--accent); padding:14px 18px; background:#edf2ef; margin:30px 0; }
.table-wrap { overflow-x:auto; }
table { border-collapse:collapse; width:100%; min-width:650px; margin:16px 0; }
th, td { text-align:left; vertical-align:top; padding:12px; border:1px solid var(--line); }
th { background:#efeee9; font-size:.9rem; }
.site-footer { border-top:1px solid var(--line); padding:24px 0 36px; color:var(--muted); font-size:.9rem; display:flex; gap:16px; flex-wrap:wrap; }
@media (max-width:640px) { .site-header, main, .site-footer { width:min(100% - 28px, 920px); } main { padding-top:42px; } }