/* Undersider for rivan.no, utkast v16 (27.10.2026). Samme farger og skrifter som forsiden, enklere oppsett. */
:root{
  --bg:#F4F1EA; --card:#FFFFFF; --text:#15140F; --sec:#3A3832; --ter:#4A4842; --line:rgba(21,20,15,.14);
  --gul:#FFB938; --bla:#A9CFFF; --gronn:#9BE3BC; --gra:#C9CCC9;
  --d-gul:#F0A10F; --d-bla:#2F7FDB; --d-gronn:#1F9D63; --d-gra:#858A87;
  --s-gul:#F3E2C2; --s-bla:#DCE5F1; --s-gronn:#DAE9DB; --s-gra:#E8E5E1;
  --f:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --fs:"Instrument Serif","Iowan Old Style","Times New Roman",serif;
  --t1:clamp(40px,5.2vw,72px); --t2:clamp(28px,3vw,42px); --t3:clamp(19px,1.6vw,23px); --t4:clamp(17px,1.25vw,18px); --t5:clamp(14px,1.05vw,15px);
  --gl:max(16px,env(safe-area-inset-left,0px)); --gr:max(16px,env(safe-area-inset-right,0px));
  --max:880px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--sec);font-family:var(--f);font-size:var(--t4);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--text);text-underline-offset:3px}
p,h1,h2,h3,figure,blockquote{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:3px solid var(--text);outline-offset:3px;border-radius:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{padding-left:var(--gl);padding-right:var(--gr)}
.inner{max-width:var(--max);margin:0 auto}

/* topp og bunn */
.top{padding-block:18px}
.top .inner{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1360px}
.mark img{display:block;height:30px;width:auto}
.nav{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:var(--t5);font-weight:500}
.nav a{text-decoration:none;color:var(--sec)}
.nav a:hover,.nav a[aria-current]{color:var(--text);text-decoration:underline;text-decoration-color:var(--gul);text-decoration-thickness:2px}
footer{padding-block:40px 56px;font-size:var(--t5);color:var(--ter)}
footer .inner{max-width:1360px;display:grid;gap:10px}
footer .f-links{display:flex;flex-wrap:wrap;gap:8px 22px}

/* tekst */
.label{font-size:var(--t5);line-height:1.4;font-weight:600;letter-spacing:.01em;color:var(--ter)}
h1{font-family:var(--fs);font-size:var(--t1);line-height:1.04;letter-spacing:-.018em;font-weight:400;color:var(--text);text-wrap:balance;margin-top:14px}
h2{font-family:var(--fs);font-size:var(--t2);line-height:1.08;letter-spacing:-.015em;font-weight:400;color:var(--text);text-wrap:balance}
h3{font-size:var(--t3);line-height:1.3;font-weight:600;letter-spacing:-.01em;color:var(--text)}
.lead{font-size:var(--t3);line-height:1.45;color:var(--sec);margin-top:20px;max-width:60ch;text-wrap:pretty}
.small{font-size:var(--t5);line-height:1.5;color:var(--ter)}
.hero{padding-block:clamp(40px,6vw,80px) clamp(32px,4vw,56px)}
section{padding-block:clamp(28px,4vw,48px);border-top:1px solid var(--line)}
section > .inner > h2{margin-bottom:18px}
section p + p,section ul + p,section p + ul{margin-top:14px}
section li{position:relative;padding-left:20px;margin-top:8px}
section li::before{content:"";position:absolute;left:0;top:.68em;width:8px;height:8px;border-radius:50%;background:var(--text)}
ol.nr{counter-reset:n}
ol.nr li{padding-left:44px;margin-top:18px;counter-increment:n}
ol.nr li::before{content:counter(n);width:30px;height:30px;top:0;border-radius:50%;background:var(--gul);color:var(--text);font-size:var(--t5);font-weight:700;display:grid;place-items:center}
ol.nr li b{display:block;color:var(--text);font-weight:600}
.utkast{display:grid;gap:4px;padding:14px 16px;border-radius:14px;background:#FFF4D6;color:var(--text);font-size:var(--t5);line-height:1.5;margin-top:24px;max-width:70ch}
.utkast b{font-weight:600}
.kort{border-radius:22px;background:var(--card);padding:clamp(18px,2.4vw,28px);box-shadow:0 1px 2px rgba(21,20,15,.04),0 20px 50px rgba(60,48,20,.08)}
.kort + .kort{margin-top:14px}
.kort h3{margin-bottom:8px}
.to{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tre{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pill{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 10px;border-radius:999px;font-size:13px;line-height:1.3;font-weight:600;color:var(--text);background:var(--fc,#F1EEE8);white-space:nowrap}
.pill::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--dc,var(--text));opacity:.85}
.c-gul{--dc:var(--d-gul);--fc:var(--gul)}
.c-venter{--dc:var(--d-gra);--fc:#E4E6E3}
.c-bla{--dc:var(--d-bla);--fc:var(--bla)}
.c-gronn{--dc:var(--d-gronn);--fc:var(--gronn)}
.c-gra{--dc:var(--d-gra);--fc:var(--gra)}
.tagg{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;font-size:13px;font-weight:600;color:var(--text);background:#F1EEE8}
.tagg::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--d-gul)}
.tagg.avtale::before{background:var(--d-gra)}
.tagg.naa::before{background:var(--d-gronn)}
table{width:100%;border-collapse:collapse;font-size:var(--t5);line-height:1.45}
th,td{text-align:left;vertical-align:top;padding:10px 12px 10px 0;border-bottom:1px solid var(--line)}
th{font-weight:600;color:var(--text)}
td{color:var(--sec)}
.status li{padding-left:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}
.status li::before{display:none}
.status .pill{margin-top:2px}
.status b{color:var(--text);font-weight:600}
.sitat{font-family:var(--fs);font-size:clamp(24px,2.4vw,32px);line-height:1.2;color:var(--text);padding:18px 22px;border-left:3px solid var(--gul);background:var(--card);border-radius:0 18px 18px 0}
.sitat mark{background:var(--gul);color:var(--text);padding:0 .15em;border-radius:4px}
.btn{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 24px;border-radius:999px;font:600 var(--t4)/1 var(--f);text-decoration:none;background:var(--text);color:#fff;margin-top:22px}
.btn::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gul)}
.toc{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;font-size:var(--t5)}
@media (max-width:760px){
  .to,.tre{grid-template-columns:minmax(0,1fr)}
  .top .inner{flex-direction:column;align-items:flex-start}
  th,td{display:block;padding:6px 0;border:0}
  tr{display:block;padding:10px 0;border-bottom:1px solid var(--line)}
  thead{display:none}
  td::before{content:attr(data-h);display:block;font-weight:600;color:var(--text);font-size:13px}
}