/* v5 · fælles designsystem «gylden noir» for forsiden og undersiderne (18/10). Sidens egne sektioner ligger i siden selv. */
:root{
  --bg:#0A0B0D; --bg2:#111317; --panel:#15181D; --line:#24272E; --line2:#33373F;
  --text:#F2EFE9; --soft:#C2BCB2; --muted:#A7A097;
  --ac:#C9A36B; --ac-hi:#F0D3A0; --ac-dyb:#866537; --ac-ink:#0A0B0D; --glo:#F4D8AA; --line3:#202329; --knap:#E0B66E; --knap-hi:#EAC383;
  --elf:#E5DED3; --elf-tx:#171716; --elf-soft:#5F5A52; --elf-line:#CFC5B6;
  --sans:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif; --mono:"Geist Mono",ui-monospace,Menlo,monospace;
  --ease:cubic-bezier(.2,.7,.2,1); --rul:cubic-bezier(.16,.84,.2,1);
  --sektion:120px; --sektion-m:80px;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
body::after{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.06;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
::selection{background:rgba(217,178,122,.35);color:var(--text)}
img{display:block;max-width:100%}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--ac);outline-offset:3px}
.wrap{max-width:1180px;margin:0 auto;padding-inline:20px}
.staging{background:var(--ac);color:var(--ac-ink);font:500 12px/1.4 var(--mono);text-align:center;padding:5px 16px;letter-spacing:.02em}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.eyebrow{font:500 12px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
h2{margin:0;font:400 clamp(30px,3.5vw,42px)/1.06 var(--sans);letter-spacing:-.025em;text-wrap:balance}
.skip{position:absolute;left:-999px;top:8px;z-index:60;background:var(--text);color:var(--bg);padding:8px 12px;border-radius:8px}.skip:focus{left:16px}
.pil{display:inline-flex}.pil svg{width:14px;height:14px;display:block}

/* knapper (B: farvet, let afrundet, med pil). 18/10: gradient og glød var «ikke lækker» → flad guld og et sort pilefelt.
   Teksten ligger i ét spænd, så knappens gap aldrig lander mellem to ord. */
.knap{display:inline-flex;align-items:center;gap:14px;min-height:48px;padding:0 22px;border-radius:7px;font:500 15px var(--sans);letter-spacing:-.005em;
  text-decoration:none;white-space:nowrap;cursor:pointer;border:0;background:var(--knap);color:var(--ac-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.4);
  transition:background .25s,transform .15s}
.knap:hover{background:var(--knap-hi)}
.knap:active{transform:translateY(1px)}
.knap:has(.pil){padding:0 8px 0 22px}
.knap .pil{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:5px;background:var(--ac-ink);color:var(--knap);overflow:hidden}
.knap.lille{min-height:40px;padding:0 16px;font-size:14px}
.knap.lille:has(.pil){padding:0 5px 0 14px;gap:10px}.knap.lille .pil{width:30px;height:30px;border-radius:4px}
@media (prefers-reduced-motion:no-preference){.knap:hover .pil svg{animation:pilskud .55s var(--ease)}
  @keyframes pilskud{0%{transform:none}45%{transform:translateX(150%)}46%{transform:translateX(-150%)}100%{transform:none}}}

/* menu (A) */
.top{position:sticky;top:0;z-index:50;background:rgba(10,11,13,.55);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .3s,background .3s}
.top.rullet{background:rgba(10,11,13,.82);border-bottom-color:var(--line)}
.top .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:72px}
.logo{display:flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;font:500 17px var(--sans);letter-spacing:.01em;white-space:nowrap}
.logo i{width:22px;height:22px;border-radius:50%;background:conic-gradient(from 210deg,var(--glo),var(--ac-dyb),var(--glo));display:block;box-shadow:0 0 18px rgba(217,178,122,.35);transition:transform .6s var(--ease)}
.logo:hover i{transform:rotate(120deg)}
.lg-a{display:inline-flex;align-items:baseline;gap:.26em;font:500 23px/1 "Cormorant Garamond",Georgia,serif;letter-spacing:.005em;color:var(--text)}
.lg-a em{font-style:italic;color:var(--ac)}
@media (max-width:640px){.lg-a{flex-direction:column;align-items:flex-start;gap:1px;font-size:18px;line-height:1.02}.lg-a span+span{font-size:1.3em}}
.top nav{display:flex;align-items:center;gap:26px;font-size:14px;color:var(--soft)}
.top nav .links{display:flex;gap:26px}
.top nav a:not(.knap){text-decoration:none;min-height:44px;display:inline-flex;align-items:center;transition:color .2s}
.top nav a:not(.knap):hover,.top nav a[aria-current]{color:var(--text)}
.top nav .links a[aria-current]{box-shadow:inset 0 -1px 0 var(--ac)}
.menu-knap{display:none;font:500 14px var(--sans);color:var(--soft);background:transparent;border:1px solid var(--line2);border-radius:8px;min-height:40px;padding:0 12px;cursor:pointer}
.knap .kort-tekst{display:none}
@media (max-width:640px){.top .wrap{min-height:64px;flex-wrap:wrap;row-gap:0}.top nav{gap:10px}.top nav .links{display:none}.menu-knap{display:inline-flex;align-items:center}.knap .lang{display:none}.knap .kort-tekst{display:inline}.logo{font-size:15px}.logo i{width:18px;height:18px}
  .top.aaben{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}
  .top.aaben nav .links{display:grid;position:absolute;z-index:1;left:0;right:0;top:100%;padding:8px 20px 16px;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 30px 60px -20px rgba(0,0,0,.8)}
  .top.aaben nav .links a{min-height:48px;border-top:1px solid var(--line3);font-size:16px;color:var(--text)}}


/* billedramme med lys der spreder sig (top B) */
.foto{position:relative;margin:0;isolation:isolate}
.foto::before{content:"";position:absolute;inset:6% 2% 14%;z-index:-1;background:var(--img) center/cover;filter:blur(70px) saturate(1.7);opacity:.6;border-radius:40px}
.ramme{padding:1px;border-radius:17px;background:linear-gradient(150deg,rgba(255,255,255,.42),rgba(255,255,255,.07) 36%,rgba(255,255,255,.04) 64%,rgba(243,210,162,.35));
  box-shadow:0 40px 90px -30px rgba(0,0,0,.75),0 0 0 1px rgba(0,0,0,.4)}
.ramme img{width:100%;height:auto;aspect-ratio:1.22/1;object-fit:cover;object-position:68% 72%;border-radius:16px}
.foto figcaption,.baand figcaption{display:flex;align-items:center;gap:10px;margin-top:16px;font:400 12px/1.3 var(--mono);color:var(--muted);letter-spacing:.02em}
.foto figcaption::before,.baand figcaption::before{content:"";width:18px;height:1px;background:var(--ac)}

/* load-bevægelse: én gang, fra en hvilestilling der stadig kan læses */
@media (prefers-reduced-motion:no-preference){
  .ind{animation:ind .9s var(--ease) both}
  .ind.d1{animation-delay:.07s}.ind.d2{animation-delay:.14s}.ind.d3{animation-delay:.21s}
  .foto .ramme{animation:afdaek 1.3s var(--ease) both .1s}
  .foto::before{animation:glo 2.2s ease-out both .3s}
  @keyframes ind{from{opacity:.001;transform:translateY(14px)}to{opacity:1;transform:none}}
  @keyframes afdaek{from{clip-path:inset(7% 7% 7% 7% round 22px);transform:scale(1.015)}to{clip-path:inset(0 0 0 0 round 17px);transform:none}}
  @keyframes glo{from{opacity:0}to{opacity:.6}}
  .pille i{animation:puls 2.8s ease-in-out infinite}
  @keyframes puls{50%{box-shadow:0 0 0 6px rgba(217,178,122,.06)}}
}

footer{padding-block:48px 64px;color:var(--muted);font-size:14px}
footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
footer nav{display:flex;gap:20px;flex-wrap:wrap}
footer a{text-decoration:none;min-height:24px;display:inline-flex;align-items:center}footer a:hover{color:var(--text)}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.pille{display:inline-flex;align-items:center;gap:9px;padding:6px 13px 6px 11px;border:1px solid var(--line2);border-radius:999px;font:500 12px/1.3 var(--mono);color:var(--soft);background:rgba(255,255,255,.02)}
.pille i{width:7px;height:7px;border-radius:50%;background:var(--ac);box-shadow:0 0 0 3px rgba(217,178,122,.18)}

/* undersider (18/10): sidetop som forsidens top B, kort med billede, noter */
.side-top{position:relative;padding-block:56px 96px;isolation:isolate}
.side-top::before{content:"";position:absolute;inset:-80px 0 0;z-index:-2;pointer-events:none;background:radial-gradient(48% 62% at 76% 44%,rgba(217,178,122,.12),transparent 70%)}
.side-top .wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5.5vw,80px);align-items:center}
.side-top .tekst{display:grid;gap:18px;justify-items:start}
.side-top h1{margin:0;font:300 clamp(44px,5vw,70px)/1 var(--sans);letter-spacing:-.045em;text-wrap:balance;max-width:12ch;
  background:linear-gradient(100deg,var(--text) 38%,var(--glo) 118%);-webkit-background-clip:text;background-clip:text;color:transparent}
.side-top .lead{margin:0;font-size:18px;line-height:1.55;color:var(--soft);max-width:40ch}
@media (max-width:820px){.side-top{padding-block:28px 64px}.side-top .wrap{grid-template-columns:1fr;gap:36px}.side-top .ramme img{aspect-ratio:1.4/1}}
@media (max-width:640px){.side-top h1{font-size:42px}.side-top .lead{font-size:16px}h2{font-size:30px}}
.sektion{padding-block:0 var(--sektion)}
.sek-hoved{display:grid;gap:10px;max-width:640px;margin-bottom:28px}
.sek-hoved p{margin:4px 0 0;color:var(--muted);font-size:18px;line-height:1.55;max-width:45ch}
@media (max-width:640px){.sektion{padding-block:0 var(--sektion-m)}}

.kort-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.kort-grid.tre{grid-template-columns:repeat(3,minmax(0,1fr))}
.kort{position:relative;display:grid;grid-template-rows:auto 1fr;text-decoration:none;color:inherit;border-radius:14px;overflow:hidden;background:var(--panel);border:1px solid var(--line3);transition:border-color .3s}
.kort .billede{overflow:hidden;aspect-ratio:3/2;background:var(--bg2)}
.kort .billede img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.kort .indhold{padding:22px 24px 22px;display:grid;gap:10px;align-content:start}
.kort .kicker{font:500 12px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ac)}
.kort h2,.kort h3{margin:0;font:400 24px/1.15 var(--sans);letter-spacing:-.02em;text-wrap:balance}
.kort p{margin:0;color:var(--muted);font-size:15px;line-height:1.5}
.kort .fod{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:10px;font:400 13px/1.3 var(--mono);color:var(--soft)}
.kort .fod .pil{flex:none;width:32px;height:32px;display:inline-grid;place-items:center;border-radius:6px;border:1px solid var(--line2);color:var(--soft);transition:background .25s,color .25s,border-color .25s}
.kort:hover{border-color:#3A3328}
.kort:hover .billede img{transform:scale(1.045)}
.kort:hover .fod .pil{background:var(--knap);border-color:var(--knap);color:var(--ac-ink)}
.kort.stor{grid-column:1/-1;grid-template-rows:none;grid-template-columns:minmax(0,1.4fr) minmax(340px,1fr)}
.kort.stor .billede{aspect-ratio:auto;min-height:350px}
@media (min-width:821px){.kort-grid>.kort:not(.stor) .billede{aspect-ratio:auto;height:260px}}
.kort.stor .indhold{padding:44px 48px;align-content:center;gap:14px}
.kort.stor h2,.kort.stor h3{font-size:clamp(28px,3vw,40px);line-height:1.08}
.kort.stor p{font-size:17px}
.kort.stor .fod{margin-top:14px}
@media (max-width:980px){.kort-grid.tre{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.kort-grid,.kort-grid.tre{grid-template-columns:1fr}.kort.stor{grid-template-columns:1fr;grid-template-rows:auto 1fr}.kort.stor .billede{min-height:0;aspect-ratio:3/2}.kort.stor .indhold{padding:24px}}
.bund-note{margin:28px 0 0;font:400 14px/1.6 var(--mono);color:var(--muted);max-width:72ch}
@media (max-width:640px){footer{padding-block:36px 44px;font-size:13px}footer .wrap{display:grid;gap:22px}footer nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}footer a{min-height:40px}
  .top .knap.lille:has(.pil){padding-left:12px;gap:8px}.top .knap .pil{width:28px;height:28px}
  .side-top{padding-block:20px 52px}.side-top .wrap{gap:28px}.side-top .tekst{gap:13px}.side-top h1{font-size:40px;line-height:.98}.foto figcaption{margin-top:10px}}

/* skyderne (B: tykt spor med fyld og stor hvid knap) — fælles for forsiden og alle beregnere; --p sættes af _bund.html */
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;background:transparent;min-height:44px;margin:0;cursor:pointer;--p:50%}
input[type=range]::-webkit-slider-runnable-track{height:7px;border-radius:999px;background:linear-gradient(90deg,var(--ac-dyb),var(--ac-hi) var(--p),#272A31 var(--p))}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;margin-top:-8.5px;border:2px solid rgba(10,11,13,.15);
  box-shadow:0 2px 10px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.3);transition:transform .15s var(--ease),box-shadow .2s}
input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}
input[type=range]::-moz-range-track{height:7px;border-radius:999px;background:#272A31}
input[type=range]::-moz-range-progress{height:7px;border-radius:999px;background:linear-gradient(90deg,var(--ac-dyb),var(--ac-hi))}
input[type=range]::-moz-range-thumb{width:24px;height:24px;border:2px solid rgba(10,11,13,.15);border-radius:50%;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.5)}
input[type=range]:focus-visible{outline:none}
input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(217,178,122,.55),0 2px 10px rgba(0,0,0,.5)}
input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px rgba(217,178,122,.55)}

/* beregnerne som instrument (18/10): samme markup og motor som før (build.py beregner() + assets/beregner.js), ny form */
.v5-tool{border:1px solid #2B2E34;border-radius:16px;overflow:hidden;background:var(--panel);box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 44px 100px -55px rgba(0,0,0,.9)}
.v5-tool .tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.v5-tool .fields{padding:36px 40px;display:grid;gap:22px;align-content:start;border-right:1px solid var(--line3)}
.v5-tool .group{display:grid;gap:18px}
.v5-tool .group h3{margin:0;font:500 12px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ac)}
.v5-tool .group+.group{padding-top:22px;border-top:1px solid var(--line3)}
.v5-tool .field{display:grid;gap:4px}
.v5-tool .field label{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:15px;color:var(--text)}
.v5-tool .field output{font:500 14px var(--mono);color:var(--ac-hi);white-space:nowrap}
/* skrivbare tal (_bund.html): værdien ligner et felt, fordi den er et */
output.ret{cursor:text;padding:4px 8px;margin:-4px 0;border-radius:5px;border:1px solid rgba(217,178,122,.22);background:rgba(255,255,255,.025);transition:border-color .2s,background .2s}
output.ret:hover,output.ret:focus-visible{border-color:rgba(217,178,122,.6);background:rgba(217,178,122,.07);outline:none}
output.ret{display:inline-flex;align-items:center;gap:7px}
output.ret::after{content:"";width:11px;height:11px;flex:none;opacity:.55;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23C9A36B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.5 2.5l3 3L6 13H3v-3z'/%3E%3C/svg%3E") center/contain no-repeat;transition:opacity .2s}
output.ret:hover::after,output.ret:focus-visible::after{opacity:1}
.ret-felt{width:130px;margin:-4px 0;padding:4px 8px;font:500 14px var(--mono);text-align:right;color:var(--ac-hi);background:var(--bg2);border:1px solid var(--ac);border-radius:5px}
.ret-felt:focus{outline:2px solid rgba(217,178,122,.45);outline-offset:1px}
.v5-tool .bag-felter{padding:0 22px 26px;display:grid;gap:18px}
.v5-tool select{-webkit-appearance:none;appearance:none;width:100%;margin-top:6px;min-height:44px;padding:0 40px 0 14px;font:500 15px var(--sans);color:var(--text);
  background:var(--bg2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23C9A36B' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E") right 14px center/16px no-repeat;border:1px solid var(--line2);border-radius:8px;cursor:pointer}
.v5-tool select:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.v5-tool .hint{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}
.v5-tool .result{padding:40px 44px;display:grid;gap:24px;align-content:start;background:radial-gradient(90% 70% at 50% 0%,rgba(217,178,122,.075),transparent 62%)}
.v5-tool .big{font:300 clamp(46px,5.6vw,80px)/1 var(--sans);letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--text)}
.v5-tool .big span{display:block;margin-top:14px;font:400 15px/1.45 var(--sans);letter-spacing:0;color:var(--soft);white-space:normal}
.v5-tool .verdict{margin:0;font-size:16px;line-height:1.55;color:var(--ac-hi)}
.v5-tool .kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0 24px}
.v5-tool .kpi{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:6px;padding-top:14px;border-top:1px solid var(--line3)}
.v5-tool .kpi b{font:400 20px/1.2 var(--sans);font-variant-numeric:tabular-nums;color:var(--text)}
.v5-tool .kpi span{font:500 11px/1.35 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.v5-tool .bars{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.v5-tool .bars li{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;align-items:center}
.v5-tool .bars .lbl{font-size:14px;color:var(--soft)}
.v5-tool .bars .track{position:relative;height:32px;border-radius:6px;background:var(--bg2);overflow:hidden}
.v5-tool .bars .fill{position:absolute;inset:0 auto 0 0;border-radius:6px;background:linear-gradient(90deg,#2E2A23,#4D4232);transition:width .5s var(--ease)}
.v5-tool .bars li.best .fill{background:linear-gradient(90deg,var(--ac-dyb),var(--knap))}
.v5-tool .bars .val{position:relative;z-index:1;display:flex;align-items:center;height:100%;padding-left:12px;font:500 13px var(--mono);color:var(--text);white-space:nowrap}
.v5-tool .bars li.best .val{color:var(--ac-ink)}
.v5-tool .graf svg{width:100%;height:auto;display:block}
@media (max-width:640px){.v5-tool .graf text{font-size:19px}}
.v5-tool .legend{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;font:400 12px/1.3 var(--mono);color:var(--muted)}
.v5-tool .legend .sw{display:inline-block;width:14px;margin-right:6px;vertical-align:middle}
.v5-tool .legend .sw.area{height:8px;background:rgba(199,161,90,.5)}.v5-tool .legend .sw.line{height:0;border-top:2px dashed #E8E4DA}
.v5-tool details{border-top:1px solid var(--line3);padding-top:14px;font-size:14px;line-height:1.55;color:var(--soft)}
.v5-tool summary{cursor:pointer;min-height:32px;display:flex;align-items:center;font:500 13px/1.4 var(--mono);color:var(--text)}
.v5-tool summary{list-style:none;gap:10px}.v5-tool summary::-webkit-details-marker{display:none}
.v5-tool summary::before{content:"+";flex:none;width:18px;height:18px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:4px;color:var(--ac);font-size:13px;line-height:1}
.v5-tool details[open] summary::before{content:"–"}
.v5-tool details ul{margin:10px 0 0;padding-left:18px;display:grid;gap:6px}
/* mobil: tre zoner med hver sin overskrift, så instrumentet ikke er én lang blok (Codex 18/10) */
.v5-tool .zone{display:none;margin:0;font:500 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ac)}
.v5-tool .bag-felter{border-top:1px solid var(--line3);padding-top:22px}
@media (max-width:900px){.v5-tool .tool{grid-template-columns:1fr}.v5-tool .zone{display:block}.v5-tool .result{order:-1;padding:28px 22px;border-bottom:1px solid var(--line3)}.v5-tool .fields{border-right:0;padding:26px 22px}}
@media (max-width:640px){.v5-tool .bars li{grid-template-columns:96px minmax(0,1fr)}.v5-tool .big{font-size:min(48px,11.5vw);white-space:nowrap}}

/* artikler og tekst (18/10): redaktionel top, «kort fortalt» der står fast, læsevenlig spalte */
.wrap.smal{max-width:860px}
.prosa{font-size:18px;line-height:1.75;color:var(--soft)}
.prosa h2{margin:56px 0 14px;font:400 clamp(26px,2.6vw,32px)/1.15 var(--sans);letter-spacing:-.02em;color:var(--text);text-wrap:balance}
.prosa h2:first-child{margin-top:0}
.prosa p{margin:0 0 20px;max-width:66ch}
.prosa strong,.prosa b{color:var(--text);font-weight:500}
.prosa .v5-tool{margin:44px 0;font-size:16px;line-height:1.55}
.prosa .v5-tool .big{font-size:clamp(38px,3.6vw,54px);white-space:nowrap}.prosa .v5-tool .result,.prosa .v5-tool .fields{padding:30px 30px}
.art-top{position:relative;padding-block:56px 0;isolation:isolate}
.art-top::before{content:"";position:absolute;inset:-80px 0 0;z-index:-2;pointer-events:none;background:radial-gradient(50% 50% at 50% 60%,rgba(217,178,122,.10),transparent 70%)}
.art-top .tekst{display:grid;gap:18px;justify-items:start;max-width:900px}
.art-top h1{margin:0;font:300 clamp(40px,5.2vw,72px)/1.02 var(--sans);letter-spacing:-.045em;text-wrap:balance;max-width:18ch;
  background:linear-gradient(100deg,var(--text) 45%,var(--glo) 125%);-webkit-background-clip:text;background-clip:text;color:transparent}
.art-top .lead{margin:0;font-size:20px;line-height:1.55;color:var(--soft);max-width:52ch}
.byline{display:flex;align-items:center;gap:12px;margin-top:6px}
.byline img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:50% 25%}
.byline b{display:block;font-weight:500;font-size:15px}
.byline a{display:inline-block;padding-block:3px;color:var(--text);text-decoration:none;box-shadow:inset 0 -1px 0 var(--ac)}
.byline small{display:block;margin-top:3px;font:400 12px/1.3 var(--mono);color:var(--muted)}
.art-top .foto{margin-top:44px}
.art-top .ramme img{aspect-ratio:21/9;object-position:50% 55%}
.art-krop{display:grid;grid-template-columns:260px minmax(0,1fr);gap:64px;align-items:start;padding-block:64px 0}
.kort-fortalt{position:sticky;top:100px;padding:22px 22px 18px;border:1px solid var(--line3);border-radius:12px;background:var(--panel)}
.kort-fortalt h2{margin:0 0 14px;font:500 12px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ac)}
.kort-fortalt ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.kort-fortalt li{position:relative;padding-left:16px;font-size:15px;line-height:1.5;color:var(--text)}
.kort-fortalt li::before{content:"";position:absolute;left:0;top:.72em;width:7px;height:1px;background:var(--ac)}
.kildeblok{margin-top:44px;padding-top:24px;border-top:1px solid var(--line3);font-size:14px;color:var(--muted)}
.kildeblok .kontrol{margin:0 0 14px;font:400 13px/1.4 var(--mono)}
.kildeblok h2{margin:0 0 10px;font:500 12px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.kildeblok ol{margin:0;padding-left:20px;display:grid;gap:10px;line-height:1.55}
.v5-note{margin:28px 0 0;padding:18px 20px;border:1px solid var(--line3);border-radius:10px;background:var(--bg2);font-size:14px;line-height:1.6;color:var(--muted)}
.v5-note strong{color:var(--soft);font-weight:500}.v5-note a{color:var(--ac-hi)}
.efter-tekst{padding-block:0 var(--sektion)}
@media (max-width:900px){.art-krop{grid-template-columns:1fr;gap:32px;padding-block:40px 0}.kort-fortalt{position:static}.art-top .ramme img{aspect-ratio:3/2}}
@media (max-width:640px){.art-top{padding-block:24px 0}.art-top h1{font-size:38px;line-height:1.02}.art-top .lead{font-size:17px}.prosa{font-size:17px}.efter-tekst{padding-block:0 var(--sektion-m)}}
/* artikler: indholdsoversigt i «Kort fortalt» og en overskrift over den indlejrede beregner */
.kort-fortalt .indhold-liste{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:4px;counter-reset:afsnit}
.kort-fortalt .indhold-liste li{padding:0;font-size:14px}.kort-fortalt .indhold-liste li::before{display:none}
.kort-fortalt .indhold-liste a{display:block;padding:5px 0;color:var(--soft);text-decoration:none;line-height:1.4}
.kort-fortalt .indhold-liste a:hover{color:var(--text)}
.kort-fortalt h3{margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line3);font:500 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.prosa h2{scroll-margin-top:96px}
.prosa .beregn-selv{margin:44px 0 -28px;font:500 12px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ac)}

/* 2/11-2026 · #1–#7: forbehold ved resultatet, regnestykket, tabeller i teksten, søgefelt og fund (positivlisten) */
.v5-tool .forbehold{margin:0;font-size:13px;line-height:1.5;color:var(--muted)}
.v5-tool .hint a,.v5-tool details a{color:var(--ac-hi);text-underline-offset:3px}
.v5-tool input[type=search]{-webkit-appearance:none;appearance:none;width:100%;margin-top:6px;min-height:48px;padding:0 14px;font:500 16px var(--sans);color:var(--text);background:var(--bg2);border:1px solid var(--line2);border-radius:8px}
.v5-tool input[type=search]:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.v5-tool input[type=search]::placeholder{color:var(--muted);opacity:1}
.v5-tool table.regn{width:100%;border-collapse:collapse;font-size:14px;line-height:1.35;font-variant-numeric:tabular-nums}
.v5-tool .regn caption{text-align:left;padding-bottom:8px;font:500 12px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ac)}
.v5-tool .regn th,.v5-tool .regn td{padding:7px 0;border-top:1px solid var(--line3);text-align:right;font-weight:400;color:var(--soft)}
.v5-tool .regn th:first-child{text-align:left}
.v5-tool .regn thead th{font:500 11px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-top:0}
.v5-tool .regn td{padding-left:12px;font:400 13px/1.35 var(--mono);color:var(--text);white-space:nowrap}
.v5-tool .regn tr.sum th,.v5-tool .regn tr.sum td{color:var(--ac-hi);font-weight:500;border-top:1px solid var(--line2)}
.v5-tool .regn tr.info th{padding:4px 0;font-size:12px;color:var(--muted)}
.v5-tool .regn.tal td:first-child{text-align:left;padding-left:0}
.v5-tool .aarstabel .regn{margin-top:10px}
.v5-tool .fund{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.v5-tool .fund:empty{display:none}
.v5-tool .fund li{display:grid;gap:3px;padding:10px 12px;border:1px solid var(--line3);border-radius:8px;background:var(--bg2)}
.v5-tool .fund b{font-weight:500;line-height:1.35;color:var(--text);overflow-wrap:anywhere}
.v5-tool .fund span{font:400 12px/1.45 var(--mono);color:var(--muted);overflow-wrap:anywhere}
.v5-tool .fund em{font:500 12px/1.3 var(--mono);font-style:normal;color:var(--ac-hi)}
.prosa table.tabel{width:100%;margin:8px 0 28px;border-collapse:collapse;font-size:15px;line-height:1.4;font-variant-numeric:tabular-nums}
.prosa .tabel th,.prosa .tabel td{padding:10px 0 10px 12px;border-bottom:1px solid var(--line3);text-align:right;vertical-align:top}
.prosa .tabel th:first-child{padding-left:0;text-align:left;font-weight:400;color:var(--text)}
.prosa .tabel thead th{font:500 11px/1.3 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);vertical-align:bottom;overflow-wrap:anywhere}
.prosa .tabel td{color:var(--text);white-space:nowrap}
.prosa p a,.prosa li a{color:var(--ac-hi);text-decoration:underline;text-decoration-color:rgba(240,211,160,.45);text-underline-offset:3px}
@media (max-width:640px){.prosa table.tabel{font-size:13px}.prosa .tabel th,.prosa .tabel td{padding-left:8px}.prosa .tabel thead th{font-size:10px;letter-spacing:0}.v5-tool .regn td{font-size:12px;padding-left:8px}}
/* 2/11: fokus skal kunne ses på selve skyderen, ikke kun på knoppen (ux_gate --render måler elementet) · [hidden] vinder over display */
input[type=range]:focus-visible{background:rgba(217,178,122,.09);border-radius:8px;box-shadow:0 0 0 1px rgba(217,178,122,.35)}
[hidden]{display:none!important}

/* ===================================================================================================
   A · «Herremagasinet» (12/11-2026). Antons valg efter 12 forbilleder: Mr Porter Journal som retning,
   «lidt farve (som i B - bare ikke så ekstremt)». Lyst papir, Cormorant Garamond til overskrifter, Archivo til resten,
   dyb grøn + terrakotta. Laget står sidst, så det vinder over «gylden noir» uden at rive de gamle komponenter op.
   =================================================================================================== */
:root{
  --bg:#F4F1EB; --bg2:#ECE6DC; --panel:#FBF9F5; --line:#D9D3C7; --line2:#C6BEAF; --line3:#E4DED3;
  --text:#141414; --soft:#4E4A44; --muted:#6A655D;
  --ac:#B04F2B; --ac-hi:#8F3E20; --ac-dyb:#1E3A2F; --ac-ink:#F4F1EB; --glo:#E8B38C; --knap:#141414; --knap-hi:#2B2B2B;
  --groen:#1E3A2F; --tint:#ECDFCC;
  --sans:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; --mono:"Archivo",system-ui,sans-serif; --serif:"Cormorant Garamond",Georgia,serif;
  color-scheme:light;
}
body{font:16.5px/1.65 var(--sans);font-variant-numeric:tabular-nums}
body::after{display:none}
::selection{background:rgba(176,79,43,.18);color:var(--text)}
.staging{background:var(--groen);color:#F4F1EB;font:500 11px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.eyebrow{font:500 11.5px/1.3 var(--sans);letter-spacing:.16em;color:var(--ac)}
h2{font:500 clamp(36px,4vw,54px)/1.02 var(--serif);letter-spacing:-.01em}
/* knapper: flade, sorte, versaler (Mr Porter) */
.knap{border-radius:0;background:var(--knap);color:#F4F1EB;box-shadow:none;font:600 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;min-height:48px}
.knap:hover{background:var(--knap-hi)}
.knap .pil{border-radius:0;background:#F4F1EB;color:var(--knap)}
.knap.lille{font-size:11px;min-height:42px}
/* header: logoet i midten, menuen i versaler på linjen under (Mr Porter) */
.top{position:sticky;background:rgba(244,241,235,.92);border-bottom:1px solid var(--line)}
.top.rullet{background:rgba(244,241,235,.97);border-bottom-color:var(--line)}
.top .r1{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:84px}
.top .tag{font:500 11px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.top .logo{justify-self:center}
.top .lg-a{font-size:26px;color:var(--text)}.lg-a em{color:var(--groen)}
.top .hoejre{justify-self:end;display:flex;align-items:center;gap:10px}
.top .r2{display:flex;justify-content:center;padding-bottom:12px}
.top .r2 .links{display:flex;gap:36px}
.top .r2 .links a{font:500 11.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--text);text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
.top .r2 .links a[aria-current]{box-shadow:inset 0 -1px 0 var(--ac)}
.menu-knap{border-radius:0;border-color:var(--text);color:var(--text);font:600 11px var(--sans);letter-spacing:.14em;text-transform:uppercase}
@media (max-width:640px){
  .top .r1{grid-template-columns:1fr auto;min-height:68px}.top .tag{display:none}.top .logo{justify-self:start}
  .top .lg-a{font-size:18px}.top .r2{display:none;padding:0 16px 16px}.top.aaben .r2{display:block}
  .top .r2 .links{flex-direction:column;gap:0}.top .r2 .links a{min-height:48px;border-top:1px solid var(--line);font-size:13px}
  .menu-knap{display:inline-flex;align-items:center}}
@media (min-width:641px){.menu-knap{display:none}}
/* billeder: ingen gylden ramme eller glød, bare fotoet */
.ramme{padding:0;border-radius:0;background:none;box-shadow:none}.ramme img{border-radius:0}
.foto figcaption,.baand figcaption{font:500 11px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.side-top::before,.art-top::before{display:none}
.side-top h1,.art-top h1{font:500 clamp(46px,5.6vw,80px)/.98 var(--serif);letter-spacing:-.015em;-webkit-text-fill-color:currentColor;background:none}
.side-top .lead,.art-top .lead{color:var(--soft)}
.pille{border-radius:0;border-color:var(--line2);background:transparent;font:500 11px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.pille i{background:var(--ac);box-shadow:none}
/* kort og lister */
.kort{border-radius:0;background:transparent;border-color:var(--line)}
.kort:hover{border-color:var(--text)}
.kort .kicker{font:500 11px/1.3 var(--sans);letter-spacing:.16em;color:var(--ac)}
.kort h2,.kort h3{font:500 27px/1.08 var(--serif);letter-spacing:-.005em}
.kort .fod{font:500 11px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.bund-note{font:400 13.5px/1.6 var(--sans)}
/* beregnerne: lyst instrument på sand, tal i serif */
input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--groen),var(--groen) var(--p),#D6CEC0 var(--p))}
input[type=range]::-moz-range-track{background:#D6CEC0}
input[type=range]::-moz-range-progress{background:var(--groen)}
input[type=range]::-webkit-slider-thumb{background:#fff;border:2px solid var(--groen);box-shadow:0 2px 6px rgba(0,0,0,.15)}
input[type=range]::-moz-range-thumb{border:2px solid var(--groen);box-shadow:0 2px 6px rgba(0,0,0,.15)}
input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(30,58,47,.25)}
.v5-tool{border:1px solid var(--line2);border-radius:0;background:var(--panel);box-shadow:none}
.v5-tool .group h3,.v5-tool .zone,.v5-tool .regn caption{font:500 11px/1.3 var(--sans);letter-spacing:.16em;color:var(--ac)}
.v5-tool .field output{font:600 14px var(--sans);color:var(--groen)}
output.ret{border-color:rgba(30,58,47,.25);background:transparent}output.ret:hover,output.ret:focus-visible{border-color:var(--groen);background:rgba(30,58,47,.05)}
.ret-felt{color:var(--groen);background:#fff;border-color:var(--groen);border-radius:0}
.v5-tool .result{background:var(--tint)}
.v5-tool .big{font:500 clamp(50px,6vw,84px)/.95 var(--serif);letter-spacing:-.01em;color:var(--groen)}
.v5-tool .kpi b{font:500 24px/1.1 var(--serif)}
.v5-tool .kpi span,.v5-tool .legend,.v5-tool summary,.v5-tool .regn thead th,.v5-tool .regn td,.v5-tool .bars .val{font-family:var(--sans)}
.v5-tool .bars .fill{background:linear-gradient(90deg,#D8C8B0,#C2AC8C)}
.v5-tool select,.v5-tool input[type=search]{background:#fff;border-radius:0;color:var(--text)}
/* artikler */
.prosa h2{font:500 clamp(30px,3vw,38px)/1.1 var(--serif);letter-spacing:-.005em}
.prosa p a,.prosa li a{color:var(--ac);text-decoration-color:rgba(176,79,43,.4)}
.kort-fortalt{border-radius:0}.kort-fortalt h2,.kildeblok h2,.prosa .beregn-selv{font:500 11px/1.3 var(--sans);letter-spacing:.16em;color:var(--ac)}
.byline small,.kildeblok .kontrol{font-family:var(--sans)}
footer{border-top:1px solid var(--line);color:var(--muted)}
/* A: de gamle gradient-overskrifter (gennemsigtig tekst + guldgradient) slås fra; «body» foran, så laget også vinder over sidernes egne <style> */
body .art-top h1,body .side-top h1,body .om-top h1,body .holdning .udsagn{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--text);-webkit-text-fill-color:currentColor}
body .art-top h1,body .side-top h1,body .om-top h1{font:500 clamp(46px,5.6vw,80px)/.98 var(--serif);letter-spacing:-.015em}
body .holdning .udsagn,body .bil blockquote{font:italic 500 clamp(34px,4.4vw,58px)/1.06 var(--serif);letter-spacing:-.01em;color:var(--ac)}
body .i-tal b,body .tidslinje .aar{font-family:var(--serif);font-weight:500;letter-spacing:-.01em}
body .tidslinje h3{font:500 24px/1.15 var(--serif)}
body .ramme,body .ramme img,body .baand img,body .foto img,body .sidebillede img,body .om-billede img{border-radius:0;box-shadow:none}
body .foto::before,body .foto::after,body .ramme::before,body .ramme::after{display:none}
body .kort-fortalt,body .v5-note{border-radius:0}
body .ramme,body .ramme img,body .billede,body .billede img{border-radius:0!important;box-shadow:none!important}

/* AI-mærke på kortenes billeder (AI-forordningen art. 50, jura 13/11) */
body .kort .billede{position:relative}body .kort .billede::after{content:"AI";position:absolute;top:8px;left:8px;font:600 10px/1 var(--sans);letter-spacing:.12em;background:rgba(20,20,20,.72);color:#F4F1EB;padding:4px 6px}

/* udkast-mærket og regneark til download (13/11-2026) */
.udkast-maerke{display:inline-block;margin-left:12px;padding:3px 8px;border:1px solid var(--ac);color:var(--ac);font:600 10.5px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;vertical-align:middle}
.prosa ul{margin:0 0 20px;padding-left:20px;max-width:66ch}.prosa li{margin:0 0 8px}.prosa li::marker{color:var(--ac)}
.ark-hent{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;margin:8px 0 32px;padding:24px 26px;background:var(--tint);border:1px solid var(--line2);max-width:66ch}
.ark-ikon{display:grid;place-items:center;width:56px;height:70px;background:var(--groen);color:#F4F1EB;font:600 11px/1 var(--sans);letter-spacing:.14em;clip-path:polygon(0 0,70% 0,100% 22%,100% 100%,0 100%)}
.ark-tekst .kicker{display:block;font:500 11px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ac)}
.ark-tekst b{display:block;margin:6px 0 6px;font:500 26px/1.1 var(--serif);color:var(--text)}
.prosa .ark-tekst p{margin:0 0 8px;color:var(--soft);font-size:15px;line-height:1.5}
.ark-tekst small{display:block;font:500 11px/1.4 var(--sans);letter-spacing:.06em;color:var(--muted)}
.ark-hent .knap{white-space:nowrap;text-decoration:none;padding:0 22px}
@media (max-width:640px){.ark-hent{grid-template-columns:auto 1fr;gap:16px 18px;padding:20px}.ark-hent .knap{grid-column:1/-1;justify-content:center}.udkast-maerke{margin:8px 0 0;display:table}}
/* positivlisten: advarsel, når kopien er gammel (13/11) */
.v5-tool .pl-alder{margin-top:10px;padding:10px 12px;border-left:3px solid var(--ac);background:rgba(176,79,43,.08);color:var(--text)}
/* A: billedernes afsløring slutter med skarpe hjørner (den gamle afdaek endte i round 17px, så alle fotos fik runde hjørner, målt 13/11) */
@media (prefers-reduced-motion:no-preference){
  body .foto .ramme{animation-name:afdaek-a}
  @keyframes afdaek-a{from{clip-path:inset(5% 5% 5% 5%);transform:scale(1.015)}to{clip-path:inset(0);transform:none}}
}
/* note om nye regler øverst i teksten (skatteaftalen 12/11-2026) */
.prosa .nyt{margin:0 0 32px;padding:18px 20px;border-left:3px solid var(--groen);background:var(--panel);max-width:66ch}
.prosa .nyt .kicker{display:block;margin-bottom:6px;font:500 11px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--groen)}
.prosa .nyt p{margin:0;font-size:15.5px;line-height:1.55;color:var(--soft)}
/* brede tabeller i artiklerne ruller i deres egen boks, så siden aldrig ruller vandret (13/11) */
.art-krop .prosa{min-width:0}
.prosa .tabel-rul{overflow-x:auto;max-width:100%;margin:8px 0 28px;-webkit-overflow-scrolling:touch}
.prosa .tabel-rul table.tabel{margin:0;min-width:520px}
.prosa .tabel-rul:focus-visible{outline:2px solid var(--groen);outline-offset:2px}
.kildeblok li,.kildeblok a{overflow-wrap:anywhere} /* lange adresser i kildelisten brydes (13/11) */
/* venstre-spalten (kort fortalt + indhold): under toppen og med sin egen rulning, så både toppen og bunden kan ses (Anton 13/11: «fungerer overhovedet ikke») */
@media (min-width:901px){body .kort-fortalt{top:176px;max-height:calc(100vh - 196px);overflow-y:auto;overscroll-behavior:contain}}

/* ── Artikelskabelon 2 (13/11): én spalte, kort fortalt øverst, pauser med foto, citat og tal (Anton: «wall of text», sidebaren) ── */
body .art-krop.en-spalte{display:block;max-width:760px;margin-inline:auto;padding-block:56px 0}
body .art-krop.en-spalte .kort-fortalt{position:static;top:auto;max-height:none;overflow:visible;margin:0 0 18px;padding:24px 28px;border:0;background:var(--tint)}
body .art-krop.en-spalte .kort-fortalt ul{gap:10px}
.i-artiklen{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 22px;margin:0 0 56px;padding:14px 0;border-bottom:1px solid var(--line);font:500 13px/1.45 var(--sans)}
.i-artiklen span{font:500 11px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ac)}
.i-artiklen a{color:var(--text);text-decoration:none;border-bottom:1px solid transparent}.i-artiklen a:hover{border-bottom-color:var(--ac)}
.prosa .pause-foto{margin:64px 0 64px calc(50% - min(600px, 50vw - 16px));width:min(1200px, 100vw - 32px)}
.prosa .pause-foto img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover}
.prosa .pause-foto figcaption{margin-top:10px;font:500 11px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.prosa .pause-citat{margin:64px 0;padding:28px 0 0;border:0;border-top:2px solid var(--ac);max-width:30ch}
.prosa .pause-citat p{margin:0 0 16px;font:italic 500 clamp(30px,3.4vw,42px)/1.14 var(--serif);color:var(--text);max-width:none}
.prosa .pause-citat cite{font:500 11px/1.3 var(--sans);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--ac)}
.prosa .pause-tal{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:center;margin:56px 0;padding:28px 0;border-block:1px solid var(--line)}
.prosa .pause-tal b{font:500 clamp(46px,6vw,76px)/1 var(--serif);color:var(--groen);white-space:nowrap}
.prosa .pause-tal span{font-size:15.5px;line-height:1.5;color:var(--soft);max-width:34ch}
@media (max-width:640px){.prosa .pause-tal{grid-template-columns:1fr;gap:10px}.prosa .pause-foto{margin-block:40px}.prosa .pause-citat{margin:44px 0}}

/* ── Kort i A (13/11): redaktionelle kort uden kasser i artikeloversigten og under «Læs også» ── */
.arkiv .kort,.efter-tekst .kort{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.arkiv .kort .billede,.efter-tekst .kort .billede{border-radius:0;aspect-ratio:3/2;height:auto!important;min-height:0}
.arkiv .kort .indhold,.efter-tekst .kort .indhold{padding:18px 0 0;gap:8px}
.arkiv .kort h2,.arkiv .kort h3,.efter-tekst .kort h2,.efter-tekst .kort h3{font:500 27px/1.1 var(--serif);letter-spacing:-.005em}
.arkiv .kort p,.efter-tekst .kort p{color:var(--soft);font-size:15px;line-height:1.55}
.arkiv .kort .fod,.efter-tekst .kort .fod{padding-top:4px;font:500 11px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--text)}
.arkiv .kort .fod .pil,.efter-tekst .kort .fod .pil{display:none}
.arkiv .kort:hover,.efter-tekst .kort:hover{border-color:transparent}
.arkiv .kort:hover :is(h2,h3),.efter-tekst .kort:hover :is(h2,h3){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.arkiv .kort-grid,.efter-tekst .kort-grid{gap:56px 40px}
.arkiv .kort-grid.tre,.efter-tekst .kort-grid.tre{grid-template-columns:repeat(3,minmax(0,1fr))}
.arkiv .kort.stor{grid-column:1/-1;grid-template-rows:none;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px;align-items:center;padding-bottom:56px;border-bottom:1px solid var(--line)}
.arkiv .kort.stor .indhold{padding:0;gap:14px}
.arkiv .kort.stor h2{font-size:clamp(36px,4vw,54px);line-height:1.04}
.arkiv .kort.stor p{font-size:17px;max-width:44ch}
@media (max-width:980px){.arkiv .kort-grid.tre,.efter-tekst .kort-grid.tre{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.arkiv .kort-grid.tre,.efter-tekst .kort-grid.tre{grid-template-columns:1fr;gap:44px}.arkiv .kort.stor{grid-template-columns:1fr;gap:18px;padding-bottom:44px}}
/* indholdslinjen: klikmål på mindst 24 px */
.i-artiklen a{display:inline-block;padding:4px 0}
body .kort .billede::after{z-index:2} /* AI-mærket ligger altid over fotoet, også på det store kort (13/11) */

/* ── Artikelskabelon 2b (13/11 sent, Anton: intro og bund «ikke særligt inspirerende»): tre pointer uden boks, initial, forfatter i bunden ── */
body .art-krop.en-spalte{max-width:1040px}
body .art-krop.en-spalte>.prosa{max-width:720px;margin-inline:auto}
.kf3{margin:0 0 72px;padding:0}
.kf3 .kicker{display:block;margin-bottom:22px;font:500 11px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ac)}
.kf3 ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:0;padding:0;list-style:none}
.kf3 li{padding-top:18px;border-top:1px solid var(--text)}
.kf3 b{display:block;margin-bottom:10px;font:500 40px/1 var(--serif);color:var(--ac)}
.kf3 p{margin:0;font:400 21px/1.35 var(--serif);color:var(--text)}
.art-krop.en-spalte .prosa>p:first-child::first-letter,.art-krop.en-spalte .prosa>h2:first-child+p::first-letter{float:left;margin:8px 12px 0 0;font:500 76px/.8 var(--serif);color:var(--groen)}
.art-fod{max-width:720px;margin:88px auto 0;padding-top:48px;border-top:1px solid var(--text)}
.forfatter{display:grid;grid-template-columns:96px minmax(0,1fr);gap:24px;align-items:center;margin-bottom:56px}
.forfatter img{width:96px;height:96px;object-fit:cover;border-radius:50%}
.forfatter .kicker{display:block;font:500 11px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ac)}
.forfatter .forf-titel{margin:8px 0 10px;font:500 28px/1.15 var(--serif);color:var(--text)}
.forfatter .link{font:500 12px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--text);text-decoration:underline;text-underline-offset:4px}
.art-fod .fod-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;padding-top:28px;border-top:1px solid var(--line)}
.art-fod .kildeblok{margin:0;padding:0;border:0;background:none}
.art-fod .kildeblok h2,.godt-at-vide .kicker{display:block;margin:0 0 12px;font:500 11px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ac)}
.art-fod .kildeblok .kontrol{margin:0 0 16px;font:500 11px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.art-fod .kildeblok ol{margin:0;padding-left:18px}
.art-fod .kildeblok li{margin:0 0 8px;font-size:13.5px;line-height:1.5;color:var(--soft)}
.godt-at-vide p{margin:0;font-size:13.5px;line-height:1.6;color:var(--soft)}
.godt-at-vide a{color:var(--text)}
@media (max-width:900px){.kf3 ol{grid-template-columns:1fr;gap:22px}.art-fod .fod-grid{grid-template-columns:1fr;gap:32px}}
@media (max-width:640px){.kf3{margin-bottom:48px}.kf3 p{font-size:19px}.forfatter{grid-template-columns:72px minmax(0,1fr);gap:16px}.forfatter img{width:72px;height:72px}.forfatter .forf-titel{font-size:22px}}

/* prøve 13/11 (?top=lav, version 2): den store top ruller med siden, en smal bjælke glider ind med transform (ingen højdeskift) */
.top-lav .top{position:relative}
.top-lille{position:fixed;top:0;left:0;right:0;z-index:60;background:var(--bg);border-bottom:1px solid var(--line);
  transform:translateY(-101%);transition:transform .28s var(--ease);will-change:transform}
.top-lille.vis{transform:none}
.top-lille .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}
.top-lille .lg-a{font-size:21px;color:var(--text)}
.top-lille .lg-a>span{display:inline}.top-lille .lg-a>span+span{margin-left:.25em}
.top-lille .knap{min-height:38px;font-size:11px;padding:0 16px}
@media (prefers-reduced-motion:reduce){.top-lille{transition:none}}
.top-lille .links{display:flex;gap:28px}.top-lille .links a{font:500 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--text);text-decoration:none;padding:8px 0}
.top-lille .links a[aria-current]{box-shadow:inset 0 -1px 0 var(--ac)}
@media (max-width:900px){.top-lille .links{display:none}}

/* artiklens top: tekst og foto side om side på computer (Antons valg B 14/11, spørgsmål 6.3) */
@media (min-width:901px){
  body .art-top .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center}
  body .art-top .foto{margin-top:0}
  body .art-top .ramme img{aspect-ratio:5/4;object-position:50% 50%}
  body .art-top h1{font-size:clamp(42px,4.4vw,64px)}
}

/* figurer i artiklerne om budgettet og porteføljen (15/11, Antons ord: «ingen billeder eller noget grafik af budgettet»):
   hårfine linjer og luft som pause-tal, ingen kasser; tallene regnes af artikelgrafik.py fra regnearkenes egne data */
.prosa .graf-fig{margin:56px 0;padding:28px 0 22px;border-block:1px solid var(--line)}
.prosa .graf-fig .gf-hoved{margin-bottom:22px}
.prosa .graf-fig .kicker{display:block;margin-bottom:8px;font:500 11px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ac)}
.prosa .graf-fig .gf-hoved b{display:block;font:500 clamp(24px,2.4vw,30px)/1.2 var(--serif);color:var(--text);max-width:30ch}
.prosa .graf-fig figcaption{margin-top:18px;font-size:13.5px;line-height:1.55;color:var(--muted);max-width:66ch}
.bv-bar{display:flex;height:34px;gap:2px}
.bv-bar span{display:block;min-width:3px}
.bv-legende{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:2px 32px}
.bv-legende li{display:grid;grid-template-columns:12px minmax(0,1fr) auto 52px;gap:10px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--line3);font-size:15px}
.bv-legende i{width:12px;height:12px;align-self:center}
.bv-legende b{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.bv-legende small{font-size:13px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}
.bv-overblik{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 20px;margin:26px 0 0}
.bv-overblik div{padding-top:12px;border-top:2px solid var(--groen)}
.bv-overblik dt{font:500 11px/1.35 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.bv-overblik dd{margin:6px 0 0;font:500 24px/1.1 var(--serif);color:var(--groen);white-space:nowrap}
.bv-detaljer{margin-top:22px}
.bv-detaljer summary{cursor:pointer;font:600 13px/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--groen)}
.bv-detaljer[open] summary{margin-bottom:12px}
.prosa .bv-tabel tr.sek th{padding-top:18px;font:600 11px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ac)}
.prosa .bv-tabel tr.sum th,.prosa .bv-tabel tr.sum td,.prosa .pf-tabel tr.sum th,.prosa .pf-tabel tr.sum td{font-weight:600;border-bottom-color:var(--line2)}
.fl-liste{list-style:none;margin:0;padding:0}
.fl-liste li{display:grid;grid-template-columns:150px minmax(0,1fr) 128px;gap:16px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line3);font-size:15px}
.fl-spor{height:14px;background:var(--line3)}
.fl-spor i{display:block;height:100%;background:var(--groen)}
.fl-liste b{font-weight:600;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.pf-to{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:26px}
.pf-ford .kicker{color:var(--muted)!important}
.pf-ford .fl-liste li{grid-template-columns:minmax(0,150px) minmax(0,1fr) 62px}
.gf-svg svg{width:100%;height:auto;display:block}
.gf-svg .gitter line{stroke:var(--line)}
.gf-svg text{font:400 11px var(--sans);fill:var(--muted)}
@media (max-width:900px){.bv-overblik{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.pf-to{grid-template-columns:1fr;gap:24px}}
@media (max-width:640px){.fl-liste li{grid-template-columns:96px minmax(0,1fr) 104px;gap:10px;font-size:14px}.bv-legende li{font-size:14px}
  .bv-overblik dd{font-size:21px}.gf-svg text{font-size:17px}}
/* beregnernes graf i A: gitter, flade og den stiplede linje var tegnet til den mørke udgave (#343B40, #E8E4DA forsvandt på lyst papir) */
.v5-tool .graf line{stroke:var(--line)}
.v5-tool .graf text{fill:var(--muted)}
.v5-tool .graf path[stroke-dasharray]{stroke:var(--ac)}
.v5-tool .graf path[opacity]{fill:var(--groen);opacity:.22}
.v5-tool .legend .sw.area{background:rgba(30,58,47,.3)}.v5-tool .legend .sw.line{border-top-color:var(--ac)}
.prosa .graf-fig ul{padding-left:0;margin:0;max-width:none}.prosa .graf-fig li{margin:0}
.prosa .pf-tabel{font-size:14px}.prosa .pf-tabel thead th{overflow-wrap:normal;hyphens:none;white-space:normal}
.prosa .pf-tabel td:nth-child(2){text-align:left}.prosa .pf-tabel thead th:nth-child(2){text-align:left}
.prosa .pf-tabel th[scope=row]{white-space:nowrap;padding-right:8px}
.prosa .pf-overblik .tabel-rul table.tabel{min-width:600px}
.dst-liste li{grid-template-columns:190px minmax(0,1fr) 168px}
.dst-liste b small{margin-left:10px;font-weight:400;font-size:12.5px;color:var(--muted)}
@media (max-width:640px){.dst-liste li{grid-template-columns:110px minmax(0,1fr) 112px}.dst-liste b small{display:block;margin:2px 0 0}}
/* diagrammet med skatteaftalens tal (Antons ja 15/11, spørgsmål 7): aftalens søjler skraveret og mærket «forslag, ikke vedtaget» */
.aftale-diagram .af-blok{margin-top:24px}
.aftale-diagram .af-blok .kicker{color:var(--muted)!important}
.aftale-diagram .fl-liste li span small{display:block;margin-top:2px;font-size:12px;line-height:1.3;color:var(--muted)}
.aftale-diagram li.forslag span small{color:var(--ac)}
.aftale-diagram li.forslag .fl-spor i{background:repeating-linear-gradient(135deg,var(--ac) 0 5px,rgba(176,79,43,.32) 5px 9px)}
.prosa .af-legende{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0 0 4px;font-size:13.5px;color:var(--soft)}
.af-legende i{display:inline-block;width:16px;height:10px;margin-right:8px;vertical-align:middle;background:var(--groen)}
.af-legende i.skr{background:repeating-linear-gradient(135deg,var(--ac) 0 4px,rgba(176,79,43,.32) 4px 7px)}