:root{
  --paper:#F4F3F0; --concrete:#E3E1DC; --carbon:#1D1F21; --carbon-2:#26292C;
  --yellow:#F2C230; --green:#7DB83E; --red:#B8283E; --caramel:#D48E36;
  --ink:#1A1B1C; --muted:#5B5C59; --line:rgba(26,27,28,.14); --surface:#FBFAF8; --sunk:#E8E6E1;
  --lite:#C9892E; --nok:#3F8F4E; --over:#B8283E;
  --display:"Archivo","Arial Narrow","Helvetica Neue",Arial,sans-serif;
  --body:"Archivo","Helvetica Neue",Arial,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
  --gut:clamp(16px,4vw,48px); --max:1120px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}
.in{max-width:var(--max);margin:0 auto;padding-inline:var(--gut)}
.cond{font-family:var(--display);font-stretch:68%;font-weight:850;text-transform:uppercase}

/* nav */
.nav{position:sticky;top:0;z-index:40;background:var(--paper);border-bottom:1px solid var(--line)}
.nav .in{display:flex;align-items:center;gap:20px;height:60px}
.brand{font-family:var(--display);font-stretch:62%;font-weight:900;font-size:28px;line-height:1;text-transform:uppercase;text-decoration:none;display:flex;align-items:center}
.brand img{display:block;height:22px;width:auto}
.nav-links{display:flex;gap:4px;margin-left:auto}
.nav-links a{font-size:14px;font-weight:650;text-decoration:none;padding:8px 12px;border-radius:6px}
.nav-links a:hover,.nav-links a[aria-current="page"]{background:var(--sunk)}
@media (max-width:760px){.nav-links a:not(.keep){display:none}}

/* hode */
.head{background:var(--concrete)}
.head .in{padding-block:clamp(32px,5vw,64px) clamp(28px,4vw,48px)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.eyebrow::before{content:"";width:22px;height:4px;background:var(--yellow)}
h1{font-family:var(--display);font-stretch:64%;font-weight:900;text-transform:uppercase;font-size:clamp(46px,9vw,96px);line-height:.88;margin:12px 0 16px;letter-spacing:-.01em;text-wrap:balance}
.ingress{font-size:clamp(17px,1.6vw,20px);color:#454643;max-width:60ch;margin:0}
.disclaimer{margin:22px 0 0;max-width:72ch;font-size:14px;line-height:1.5;background:var(--surface);border-radius:6px;padding:12px 14px;box-shadow:0 0 0 1px var(--line)}

/* stegvelger */
.steps{position:sticky;top:60px;z-index:30;background:var(--paper);border-bottom:1px solid var(--line)}
.steps .in{display:flex;gap:4px;overflow-x:auto;padding-block:10px;scrollbar-width:none}
.steps .in::-webkit-scrollbar{display:none}
.steps button{flex:none;display:flex;align-items:center;gap:8px;border:0;background:transparent;border-radius:999px;padding:8px 14px 8px 8px;font-size:14px;font-weight:700;cursor:pointer;color:var(--muted)}
.steps button em{font-style:normal;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--sunk);color:var(--ink);font-size:14px}
.steps button[aria-current="step"]{background:var(--carbon);color:var(--paper)}
.steps button[aria-current="step"] em{background:var(--yellow);color:var(--carbon)}

main{padding-block:clamp(28px,4vw,48px) 64px}
.panel{display:flex;flex-direction:column;gap:22px}
.h2{font-family:var(--display);font-stretch:68%;font-weight:850;text-transform:uppercase;font-size:clamp(34px,5.5vw,56px);line-height:.92;margin:0}
.h3{font-family:var(--display);font-stretch:68%;font-weight:850;text-transform:uppercase;font-size:26px;line-height:1;margin:0}
.lead{color:var(--muted);margin:0;max-width:62ch}
.grid2{display:grid;gap:22px}
@media (min-width:900px){.grid2{grid-template-columns:minmax(0,1fr) minmax(0,380px);align-items:start}.stick{position:sticky;top:128px}}

/* skjema */
.q{display:flex;flex-direction:column;gap:8px;border:0;padding:0;margin:0;min-width:0}
.q > legend,.q > label.l{font-weight:700;font-size:15px;padding:0;margin-bottom:2px}
.hint{font-size:15px;color:var(--muted);font-weight:400}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opt{position:relative}
.opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.opt span{display:inline-block;padding:10px 14px;border:1px solid var(--line);border-radius:6px;background:var(--surface);font-size:15px;line-height:1.3}
.opt input:checked + span{background:var(--carbon);border-color:var(--carbon);color:var(--paper);font-weight:700}
.opt input:focus-visible + span{outline:2px solid var(--yellow);outline-offset:2px}
input[type=number],select{width:100%;font:inherit;font-size:16px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:11px 12px}
.row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.check{display:flex;gap:10px;align-items:flex-start;font-size:15px}
.check input{width:18px;height:18px;margin-top:3px;accent-color:var(--carbon)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:6px;padding:15px 20px;font:750 15px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;background:var(--carbon);color:var(--paper)}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px currentColor}
.btn.yellow{background:var(--yellow);color:var(--carbon)}
.nextrow{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:18px}

/* behovskort */
.card{background:var(--surface);border-radius:6px;padding:18px;box-shadow:0 0 0 1px var(--line)}
.card.dark{background:var(--carbon);color:var(--paper);box-shadow:none}
.card.dark .muted{color:#A9ACAE}
.need{display:grid;gap:14px}
.need .big{font-family:var(--display);font-stretch:68%;font-weight:900;font-size:clamp(52px,7vw,72px);line-height:.9;color:var(--yellow)}
.need .big small{font-size:24px;font-weight:850;color:var(--paper);margin-left:6px}
.need dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:15px}
.need dt{color:#A9ACAE}
.need dd{margin:0;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.need .focus{order:-1}
.muted{color:var(--muted)}
.small{font-size:15px}

/* matliste */
.tpl{display:flex;flex-wrap:wrap;gap:8px}
.tpl button{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:10px 14px;font-weight:700;cursor:pointer}
.tpl button[aria-pressed="true"]{background:var(--carbon);color:var(--paper);border-color:var(--carbon)}
.foodgrp{display:flex;flex-direction:column}
.foodgrp h3{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px}
.food{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.food .nm{font-weight:650;line-height:1.25}
.food .nm small{display:block;font-weight:400;color:var(--muted);font-size:15px}
.food.on .nm{color:var(--ink)}
.food:not(.on) .nm{color:#6d6e6a}
.food.sm{background:linear-gradient(90deg,rgba(242,194,48,.18),transparent);padding-inline:8px;margin-inline:-8px;border-radius:4px}
.stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:6px;background:var(--surface);overflow:hidden}
.stepper button{border:0;background:transparent;width:38px;height:38px;font-size:20px;line-height:1;cursor:pointer}
.stepper button:disabled{opacity:.3;cursor:default}
.stepper output{min-width:28px;text-align:center;font-weight:750;font-variant-numeric:tabular-nums}

/* tilskudd */
.sup{padding:14px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.sup .t{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.sup .t b{font-size:16px}
.sup select{max-width:280px}

/* resultat */
.macros{display:grid;gap:12px}
@media (min-width:760px){.macros{grid-template-columns:repeat(3,1fr)}}
.macro{background:var(--surface);border-radius:6px;padding:16px;box-shadow:0 0 0 1px var(--line);display:flex;flex-direction:column;gap:8px}
.macro .v{font-family:var(--display);font-stretch:68%;font-weight:900;font-size:44px;line-height:.9}
.macro .v small{font-size:18px;font-weight:800;color:var(--muted);margin-left:4px}
.legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:15px;color:var(--muted);align-items:center}
.legend i{display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:6px;vertical-align:-1px}
.legend .tick{width:2px;height:14px;background:var(--ink);border-radius:0}
.legend .ultick{width:2px;height:14px;background:var(--over);border-radius:0}
.bars{display:flex;flex-direction:column}
.bar-row{display:grid;grid-template-columns:minmax(96px,150px) minmax(0,1fr);gap:4px 14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.bar-row .nm{font-weight:700;font-size:15px}
.bar-row .val{grid-column:2;font-size:15px;color:var(--muted);font-variant-numeric:tabular-nums}
.bar-row .val b{color:var(--ink)}
@media (max-width:560px){.bar-row{grid-template-columns:1fr}.bar-row .val{grid-column:1}}
.track{position:relative;height:14px;background:var(--sunk);border-radius:3px}
.track .f{position:absolute;left:0;top:0;bottom:0;border-radius:3px 0 0 3px;background:var(--c)}
.track .s{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(135deg,var(--c) 0 4px,color-mix(in srgb,var(--c) 55%,#fff) 4px 8px)}
.track .ri{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--ink)}
.track .ul{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--over)}
.track .ul.safe{background:repeating-linear-gradient(var(--over) 0 3px,transparent 3px 5px)}
.track .brk{position:absolute;right:-2px;top:-3px;bottom:-3px;width:6px;background:var(--paper);transform:skewX(-14deg)}
.chip{display:inline-block;font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border-radius:4px;color:#fff;background:var(--c)}
.nodata{grid-column:2;font-size:15px;color:var(--muted);font-style:italic}
@media (max-width:560px){.nodata{grid-column:1}}

.msgs{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.msg{display:grid;grid-template-columns:8px 1fr;gap:12px;background:var(--surface);border-radius:6px;padding:14px 16px 14px 0;box-shadow:0 0 0 1px var(--line);font-size:15px}
.msg::before{content:"";border-radius:0 3px 3px 0;background:var(--c,var(--muted))}
.msg.warn{--c:var(--over)}.msg.info{--c:var(--lite)}.msg.sm{--c:var(--yellow)}.msg.note{--c:#8a8b87}.msg.good{--c:var(--nok)}
.cite{display:inline-flex;gap:2px;margin-left:4px;vertical-align:1px}
.cite a{font-size:14px;font-weight:800;text-decoration:none;background:var(--sunk);border-radius:3px;padding:1px 4px;color:var(--ink)}
.cite a:hover{background:var(--yellow)}

/* fullverdig dag */
.full{background:var(--carbon);color:var(--paper);border-radius:6px;padding:clamp(18px,3vw,32px);display:flex;flex-direction:column;gap:18px}
.full .lead{color:#C9CBCD}
.full .muted{color:#A9ACAE}
.full .cite a{background:#3a3d41;color:var(--paper)}
.slider{display:flex;flex-direction:column;gap:10px}
.poser{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.poser button{border:1px solid #44474b;background:transparent;border-radius:6px;padding:10px 6px;color:var(--paper);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}
.poser button b{font-family:var(--display);font-stretch:68%;font-weight:900;font-size:30px;line-height:1}
.poser button small{font-size:14px;color:#A9ACAE;text-align:center;line-height:1.2}
.poser button[aria-pressed="true"]{background:var(--yellow);border-color:var(--yellow);color:var(--carbon)}
.poser button[aria-pressed="true"] small{color:var(--carbon)}
.poser button.over{opacity:.55;border-style:dashed}
.poser button.over[aria-pressed="true"]{opacity:1}
.fv-opts{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;font-size:14px}
.seg{display:inline-flex;background:#33363A;border-radius:6px;padding:3px;gap:2px}
.seg button{border:0;background:transparent;border-radius:4px;padding:7px 12px;font-size:15px;font-weight:700;cursor:pointer;color:#C9CBCD}
.seg button[aria-pressed="true"]{background:var(--paper);color:var(--carbon)}
.full .check input{accent-color:var(--yellow)}
.meals{display:grid;gap:18px}
@media (min-width:760px){.meals{grid-template-columns:1fr 1fr}}
.meal h4{margin:0 0 6px;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow)}
.meal ul{list-style:none;margin:0;padding:0}
.meal li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #3a3d41;font-size:15px;transition:opacity .4s var(--ease),color .4s}
.meal li span:last-child{color:#A9ACAE;font-size:15px;text-align:right}
.meal li.gone{opacity:.45;text-decoration:line-through}
.meal li.less span:first-child::after{content:" ↓";color:var(--yellow)}
.meal li.sm{color:var(--yellow);font-weight:700}
@media (prefers-reduced-motion:no-preference){.meal li.new{animation:fi .5s var(--ease)}@keyframes fi{from{opacity:0;transform:translateY(4px)}}}
.sum3{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #3a3d41}
.sum3 div{padding:14px 10px 0 0}
.sum3 b{display:block;font-family:var(--display);font-stretch:68%;font-weight:900;font-size:clamp(30px,5vw,44px);line-height:1;color:var(--yellow)}
.sum3 span{font-size:15px;color:#A9ACAE}
.saved{background:#2c2f33;border-radius:6px;padding:12px 14px;font-size:15px}
.unmet{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:14px}
.unmet li{background:#3A2226;color:#FFC9CF;border-radius:6px;padding:8px 12px}
.unmet li.soft{background:#3a3326;color:#F3DFA8}
.full .cite a{white-space:nowrap}

/* kilder */
.sources ol{margin:0;padding-left:26px;display:flex;flex-direction:column;gap:8px;font-size:14px}
.sources li{padding-left:4px}
.sources .type{display:inline-block;font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:var(--sunk);border-radius:3px;padding:1px 5px;margin-left:6px;vertical-align:1px}
.sources a{word-break:break-word}
.credit{font-size:15px;color:var(--muted)}

footer{background:var(--carbon);color:#A9ACAE;font-size:15px}
footer .in{padding-block:28px;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between}
footer a{color:var(--paper);text-decoration:none;font-weight:600}
.loading{padding:40px 0;color:var(--muted)}

.linkbtn{border:0;background:none;padding:0;font:inherit;font-weight:700;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.kost{display:grid;grid-template-columns:1fr auto;gap:6px 14px;margin:14px 0 0;font-size:15px;border-top:1px solid var(--line);padding-top:12px}
.kost dt{color:var(--muted)}.kost dd{margin:0;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}

/* ===== v4: én side, ingen veiviser ===== */
#sjekk{display:flex;flex-direction:column;gap:16px}
main{padding-block:16px 56px}
.head .in{padding-block:clamp(20px,4vw,48px) clamp(18px,3vw,36px)}
.head h1{font-size:clamp(40px,8vw,88px);margin:8px 0 10px}
.head .disclaimer{margin-top:14px;font-size:15px;padding:9px 12px}
@media (max-width:560px){.head .ingress{font-size:16px}.head .eyebrow{display:none}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* profil */
.prof{background:var(--surface);border-radius:8px;box-shadow:0 0 0 1px var(--line)}
.prof > summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;gap:4px 12px;align-items:center;padding:12px 14px}
.prof > summary::-webkit-details-marker{display:none}
.prof-t{font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.prof-s{font-size:14px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prof-e{font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.prof[open] .prof-s,.prof[open] .prof-e{display:none}
@media (max-width:560px){.prof > summary{grid-template-columns:1fr auto}.prof-t{grid-column:1/-1}.prof-s{white-space:normal}}
.prof-f{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 14px 14px;align-items:end}
.prof-f .wide{grid-column:span 2}
@media (max-width:640px){.prof-f{grid-template-columns:repeat(3,minmax(0,1fr))}.prof-f .seg2,.prof-f .wide,.prof-f .chk,.prof-f .btn{grid-column:1/-1}}
.fld{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:700;color:var(--muted)}
.fld input,.fld select{padding:9px 10px;font-size:15px;color:var(--ink);font-weight:500}
.seg2{display:flex;background:var(--sunk);border-radius:6px;padding:3px;gap:2px;align-self:end;height:42px}
.seg2 label{flex:1;position:relative}
.seg2 input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0}
.seg2 span{display:grid;place-items:center;height:100%;border-radius:4px;font-size:14px;font-weight:700;color:var(--muted)}
.seg2 input:checked + span{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.12)}
.seg2 input:focus-visible + span{outline:2px solid var(--yellow)}
.chk{display:flex;gap:8px;align-items:center;font-size:14px}
.btn.small{padding:12px 16px;justify-self:start}

/* tre tall */
.tre{background:var(--carbon);color:var(--paper);border-radius:8px;padding:14px 16px 16px}
.tre-h{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#A9ACAE}
.tre-t{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.tre-t b{display:block;font-family:var(--display);font-stretch:68%;font-weight:900;font-size:clamp(40px,9vw,64px);line-height:.9;color:var(--yellow)}
.tre-t span{font-size:15px;color:#D6D8DA}

/* fullverdig dag */
.full{gap:14px}
.full-h,.vit-h{display:flex;justify-content:space-between;align-items:center;gap:10px}
.full .h3{color:var(--paper)}
.lead-d{margin:0;color:#C9CBCD;font-size:15px}
.ctrl{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
.ctrl .poser{flex:1 1 240px;grid-template-columns:repeat(3,1fr)}
.var select{height:100%;min-height:48px;background:#2c2f33;color:var(--paper);border:1px solid #44474b;font-size:14px}
.meal h3{margin:0 0 6px;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow)}
.sammen{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.sammen div{border:1px solid #3a3d41;border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:2px}
.sammen div.on{border-color:var(--yellow);background:#2a2c2f}
.sammen .k{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#A9ACAE;font-weight:700}
.sammen b{font-family:var(--display);font-stretch:68%;font-weight:900;font-size:26px;line-height:1;color:var(--yellow)}
.sammen span{font-size:15px;color:#D6D8DA}
.spar{margin:0;background:#2c2f33;border-radius:6px;padding:10px 12px;font-size:15px}
.varsler{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:14px}
.varsler li{background:#3a3326;color:#F3DFA8;border-radius:6px;padding:8px 12px}
.note-d{margin:0;font-size:15px;color:#A9ACAE}

/* vitaminer */
.vit{background:var(--surface);border-radius:8px;padding:16px;box-shadow:0 0 0 1px var(--line);display:flex;flex-direction:column;gap:10px}
.vit-l{margin:0;font-size:17px}
.vis > summary,.vis2 > summary,.kildeliste > summary{cursor:pointer;font-weight:700;font-size:14px;list-style:none;display:inline-flex;gap:6px;align-items:center;text-decoration:underline;text-underline-offset:3px}
.vis > summary::-webkit-details-marker,.vis2 > summary::-webkit-details-marker,.kildeliste > summary::-webkit-details-marker{display:none}
.vis[open] > summary{margin-bottom:8px}
.vis2{margin-top:8px}
.tabw{overflow-x:auto}
.tab{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.tab th,.tab td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:middle}
.tab thead th{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}
.tab tbody th{font-weight:700}
.tab td:last-child{text-align:right;width:1%}
.st{font-weight:800;white-space:nowrap}
.st.lite{color:#9A5B12}.st.nok{color:var(--nok)}.st.over{color:var(--over)}.st.over_trygt{color:#7A5E14}
@media (max-width:560px){.tab thead{display:none}.tab th,.tab td{padding:7px 4px;font-size:15px}}
.fot{margin:10px 0 0;font-size:14px;color:var(--muted)}

/* meldinger */
.msgs ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.msgs .msg{grid-template-columns:6px 1fr auto;align-items:center;padding:12px 12px 12px 0}

/* kildeknapp og boks */
.src{position:relative;display:inline-block}
.src > summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:700;color:var(--muted);padding:3px 6px;border-radius:4px;white-space:nowrap}
.src > summary::-webkit-details-marker{display:none}
.src > summary span{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;border:1.5px solid currentColor;font-size:14px;font-style:italic;font-family:Georgia,serif}
.src > summary:hover{background:var(--sunk);color:var(--ink)}
.full .src > summary,.tre .src > summary{color:#A9ACAE}
.full .src > summary:hover,.tre .src > summary:hover{background:#33363A;color:var(--paper)}
.src .pop{position:absolute;right:0;top:calc(100% + 6px);z-index:50;width:min(320px,86vw);background:var(--surface);color:var(--ink);border-radius:8px;box-shadow:0 12px 30px rgba(0,0,0,.22),0 0 0 1px var(--line);padding:12px 14px;text-align:left}
.src .pop ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.src .pop li{display:flex;flex-direction:column;gap:2px;font-size:15px;line-height:1.35}
.src .pop a{font-weight:700;color:var(--ink)}
.src .pop span{color:var(--muted);font-size:14px}

/* tilskudd */
.sups{display:flex;flex-direction:column;gap:0}
.sups .sup{display:grid;grid-template-columns:1fr minmax(0,230px);gap:6px 12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);flex-direction:row}
.sup-n{font-weight:700;font-size:15px}
.sup-n small{display:block;font-weight:400;color:var(--muted);font-size:14px}
.sup-v{display:flex;flex-direction:column;gap:6px}
.sup-v select{padding:9px 10px;font-size:15px}
.punkt{margin:10px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:15px}

/* kildeliste */
.kildeliste{padding:4px 2px}
.kildeliste ol{margin:12px 0 0;padding-left:24px;display:flex;flex-direction:column;gap:8px;font-size:15px}
.kildeliste .type{display:inline-block;font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:var(--sunk);border-radius:3px;padding:1px 5px}
.kildeliste a{word-break:break-word}

/* mobil først: tre tall og starten av lista over bretten */
@media (max-width:560px){
  .head .in{padding-block:14px 12px}
  .head h1{font-size:40px;margin:0 0 6px}
  .head .ingress{display:none}
  .head .disclaimer{background:none;box-shadow:none;padding:0;margin:0;font-size:14px;color:var(--muted)}
  main{padding-top:12px}
  #sjekk{gap:12px}
  .prof > summary{padding:10px 12px}
  .tre{padding:10px 14px 12px}
  .tre-t b{font-size:40px}
  .full{padding:16px 14px;gap:12px}
  .full .h3{font-size:22px}
  .lead-d{font-size:15px}
  .poser button{padding:6px 4px}
  .poser button b{font-size:24px}
  .poser button small{font-size:14px}
  .sammen b{font-size:20px}
  .sammen div{padding:8px}
}

.fld .seg2{align-self:stretch}

/* header-knapp som på resten av siden */
.nav a.cta{font:750 15px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--paper);background:var(--carbon);padding:12px 16px;border-radius:6px;margin-left:6px}
.nav a.cta:hover{background:#000}
@media (max-width:560px){.head .disclaimer{font-size:14px}}

.src > summary{text-transform:none;letter-spacing:0}
.sammen .k{letter-spacing:.04em}

/* dagen din */
.meal h3 span{color:#A9ACAE;text-transform:none;letter-spacing:0;font-weight:600;margin-left:6px}
.igjen{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;align-items:center;background:var(--yellow);color:var(--carbon);border-radius:8px;padding:16px 18px}
.igjen b{display:block;font-family:var(--display);font-stretch:68%;font-weight:900;font-size:clamp(44px,8vw,64px);line-height:.9}
.igjen span{font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:.06em}
.igjen p{margin:0;font-size:16px}
.igjen.over{background:#3A2226;color:#FFC9CF}
@media (max-width:560px){.igjen{grid-template-columns:1fr}}