:root{--papir:#fff9ee;--blaek:#172b2b;--blaa:#146880;--linje:#172b2b28;--daempet:#526867;--display:Archivo,system-ui,sans-serif;--serif:'Source Serif 4',Georgia,serif;--mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--papir);color:var(--blaek);font:16px/1.5 var(--serif)}a{color:inherit}button,select{font:600 13px/1.3 var(--display);color:var(--blaek);min-height:42px;border:1px solid var(--linje);border-radius:6px;background:var(--papir);padding:8px 12px}button{cursor:pointer}button:hover{background:#e6efec}button:disabled{opacity:.35;cursor:default}:focus-visible{outline:3px solid #0e86c8;outline-offset:3px}input[type=range]{width:100%;accent-color:var(--blaa);min-height:28px;cursor:pointer}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.regnbue{height:5px;background:linear-gradient(90deg,#e8336d 0 14.3%,#ff6a3d 14.3% 28.6%,#ffb300 28.6% 42.9%,#5fb030 42.9% 57.2%,#0fa593 57.2% 71.5%,#0e86c8 71.5% 85.8%,#7a4fd6 85.8%)}nav{display:flex;align-items:center;gap:20px;padding:6px 24px;border-bottom:1px solid var(--linje);font:11px var(--mono)}nav>a:nth-of-type(2){margin-left:auto}.brand{text-decoration:none;font:800 23px var(--display)}.brand span{font:13px var(--mono)}main{max-width:1440px;margin:auto;padding:14px 24px 20px}.titel{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.overlinje{font:500 10px var(--mono);letter-spacing:.06em;color:var(--daempet);margin:0 0 4px}h1{font:800 clamp(23px,2.7vw,30px)/1.15 var(--display);letter-spacing:-.035em;margin:0}#fokus{min-height:34px;font-size:12px}.laboratorium{border:1.5px solid var(--blaek);border-radius:10px;overflow:clip;box-shadow:3px 3px 0 var(--blaek)}.situationer{display:grid;grid-template-columns:1.5fr repeat(3,1fr) 1fr .8fr;border-bottom:1px solid var(--blaek)}.situationer button{border:0;border-radius:0;min-height:46px;padding:8px}.situationer button+button{border-left:1px solid var(--linje)}.situationer [aria-pressed=true]{background:var(--blaek);color:var(--papir)}
/* Ét arbejdsfelt, ét sted til den aktuelle forklaring. */
.visningsvalg{display:flex;gap:4px;padding:7px 16px;background:#f2f1e7;border-bottom:1px solid var(--linje)}.visningsvalg button{font-size:12px;min-height:32px;padding:5px 12px;border-color:transparent;background:transparent}.visningsvalg [aria-pressed=true]{background:var(--papir);border-color:var(--linje);box-shadow:0 1px 2px #172b2b10}.arbejde{display:grid;grid-template-columns:minmax(0,1fr) 300px}.panel{display:contents}.figur{min-width:0;height:clamp(360px,calc(100dvh - 200px),620px);overflow:hidden;background:#d0e8ef}.figur>svg{display:block;width:100%;height:100%}.arbejde>aside{border-left:1px solid var(--linje);padding:16px;display:flex;flex-direction:column;gap:14px;min-width:0}[data-fane=afkoeling] .arbejde{display:flex;flex-direction:column}[data-fane=afkoeling] .arbejde>aside{display:contents}[data-fane=afkoeling] .figur{order:1;height:clamp(240px,calc(100dvh - 325px),520px)}.a-fortaelling{order:0;padding:14px 20px;background:var(--papir)}.a-fortaelling h2{font:750 19px/1.2 var(--display);letter-spacing:-.02em;margin:0 0 5px}.a-fortaelling p{font-size:15px;line-height:1.4;margin:0;max-width:1000px}.a-betjening{order:2;display:flex;align-items:center;gap:14px;padding:10px 20px;border-top:1px solid var(--linje);background:#fffdf6}.a-betjening>output{font:600 14px var(--mono);min-width:72px}.a-betjening>.knapper{margin-left:auto}.a-skyder{flex:1;max-width:220px}.knapper{display:flex;gap:6px}.knapper button{white-space:nowrap}#a-afspil,#afspil{background:var(--blaa);color:white;border-color:var(--blaa)}#a-nulstil,#nulstil{font-size:19px;padding:5px 11px;flex:0 0 42px}.maalinger{order:3;border-top:1px solid var(--linje);padding:9px 20px}.maalinger summary,.faglig-hjaelp summary,.modelinfo summary{font:500 12px/1.5 var(--display);cursor:pointer;min-height:24px}.maalinger table{margin:12px 0 4px;max-width:800px}.maalinger #a-maal{font-size:14px;margin-top:10px}.maalinger #a-maal p{margin:4px 0}.modelinfo{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-top:14px;color:var(--daempet)}.modelinfo>[data-lydfeedback-vaert]{display:block}.modelinfo details{max-width:900px}.uddybning{font-size:14px;line-height:1.5}.uddybning p{margin:12px 0}
/* Højdestige: kun de to pakker og deres seneste ændring. */
#a-begreb{height:100%;padding:0 18px 0 0;background:#eaf0ec}.stige{height:100%;position:relative;overflow:hidden;background:linear-gradient(#c2dce5,#eef1e6)}.stige-enhed{position:absolute;left:14px;top:12px;font:11px var(--mono);color:var(--daempet)}.stige-akse,.stige-spor{position:absolute;top:65px;bottom:65px}.stige-akse{left:0;width:60px}.stige-akse span{position:absolute;right:10px;transform:translateY(50%);font:11px var(--mono)}.stige-spor{left:65px;right:30px;z-index:1;background:repeating-linear-gradient(to top,#476d7f18 0 1px,transparent 1px calc(100%/6))}.stige-pakke{--stoerrelse:94px;position:absolute;bottom:0;width:var(--stoerrelse);height:var(--stoerrelse);transform:translate(-50%,50%);display:flex;align-items:center;justify-content:center;flex-direction:column;border:2px solid #a54c1d;border-radius:50%;background:#f9dfb7;transition:bottom .3s ease,width .3s,height .3s;z-index:2;line-height:1.3}.stige-pakke b{font:750 19px var(--display)}.stige-pakke small{position:absolute;top:-27px;font:600 13px var(--display);white-space:nowrap}.stige-pakke [data-status]{font:11px var(--display);margin-top:3px}.stige-pakke.maettet{border-color:var(--blaa);background:#e2f0f3}.stige-fald{position:absolute;transform:translate(64px,50%);font:700 17px var(--display);white-space:nowrap;color:#a54c1d;z-index:2;transition:bottom .3s ease}.stige-fald.maettet{color:var(--blaa)}.stige-jord{position:absolute;bottom:0;left:0;right:0;height:20px;background:#92ad95}.stige-sky{position:absolute;width:64px;transform:translateX(-50%);background:#fffdf6;box-shadow:0 0 7px #fffdf6;border-radius:25px 25px 3px 3px;transition:height .3s ease}.stige-base{position:absolute;left:0;right:0;border-top:1px dashed #40707f50}.stige-base span{position:absolute;right:6px;top:4px;font:11px var(--display);color:#476d7f}.stige-base[data-base=toer] span{left:6px;right:auto}
/* Forklaring: én illustration til den aktuelle tekst. */
.h-forklaring,.h-scene{height:100%}.h-scene{display:flex;align-items:center;justify-content:center;gap:clamp(20px,5vw,70px);padding:18px}.h-kolonne{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;max-width:280px}.h-etiket,.h-under{font:500 13px/1.3 var(--display);text-align:center;margin:0}.h-under{max-width:230px;min-height:18px;color:var(--daempet)}.h-boble{--faktor:1;position:relative;width:calc(120px * var(--faktor));height:calc(120px * var(--faktor));display:flex;align-items:center;justify-content:center;flex-direction:column;flex:none;border:2px solid #a54c1d;border-radius:50%;background:#f9dfb7}.h-boble b{font:750 23px var(--display)}.h-boble small{font:11px var(--display);text-align:center;color:var(--blaa)}.h-boble.maettet{border-color:var(--blaa);background:#e2f0f3}.h-ring{position:absolute;width:calc(100% / var(--faktor));height:calc(100% / var(--faktor));border:1px dashed #51656580;border-radius:50%}.h-boble.medpile{margin:20px}.h-pile{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#a54c1d;stroke-width:2}.h-pil{max-width:140px;display:flex;flex-direction:column;align-items:center;text-align:center;font-family:var(--display);color:#a54c1d}.h-pil b{font-size:23px;white-space:nowrap}.h-pil small{font-size:12px}.h-kontekst{display:none}
/* Fri bevægelse: figur og én forklaring om opdriften. */
.fugt{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--linje);border-radius:6px;overflow:hidden}.fugt button{border:0;border-radius:0;font-size:12px;padding:7px}.fugt [aria-pressed=true]{background:var(--blaa);color:white}.opdrift{flex:1}.opdrift h2{font:700 18px/1.25 var(--display);margin:8px 0}.opdrift p{font-size:14px;line-height:1.45;margin:0}.opdrift .bevaegelse{font:500 11px var(--mono);color:var(--blaa);margin:0}.loeft{padding-top:10px;border-top:1px solid var(--linje)}.loeft label{font:600 12px var(--display);display:flex;justify-content:space-between;gap:8px}.loeft output{font:12px var(--mono)}.faglig-hjaelp p{font-size:14px;margin:8px 0}.faglig-hjaelp h3{font:600 14px var(--display);margin:8px 0}.arbejde>aside>.knapper{width:100%}#panel-stabilitet .knapper button:first-child{flex:1}
/* Fælles SVG-sprog */
.figur svg text{font:600 12px var(--display);fill:#243e42}.figur svg .lille{font:500 10px var(--mono)}.figur svg .akse{font:500 11px var(--mono)}.figur svg .maaling{font:500 12px var(--mono)}.figur svg .pakke-label{font:600 10px var(--display)}.figur svg .pakketal{font:700 12px var(--display)}.figur svg .pakkefugt{font:600 11px var(--display)}.figur svg .grafvaerdi{font:700 13px var(--display)}.figur svg .forklaring{font:600 10px var(--display)}.figur svg .pakkefarve,.figur svg .haeldning{fill:#a54c1d}.figur svg .dugfarve{fill:var(--blaa)}.figur svg .haeldning{font:600 11px var(--display)}.figur svg .halo{paint-order:stroke;stroke:#eef3ec;stroke-width:3px;stroke-linejoin:round}
/* Opgaver er samlet her; én opgave fremme ad gangen. */
#undersoegelser{padding:22px clamp(16px,4vw,48px) 32px}.opgavehoved{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--linje);padding-bottom:16px;margin-bottom:20px}.opgavehoved h2{font:750 23px var(--display);margin:0}.opgavehoved select{max-width:100%;min-width:240px}.opgavekort{max-width:820px;margin:auto}.opgavekort article{min-width:0}.opgavekort h2,.opgavekort h3{font:750 24px/1.2 var(--display);letter-spacing:-.02em;margin:0 0 14px}.opgavekort p,.opgavekort li{font-size:16px;line-height:1.5}.opgavekort li+li{margin-top:8px}.opgavekort textarea{display:block;width:100%;resize:vertical;min-height:80px;padding:10px;border:1px solid #172b2b60;border-radius:5px;color:var(--blaek);background:#fffdf8;font:16px/1.5 var(--serif);margin:8px 0 16px}.opgavekort label{display:block;font:600 14px/1.4 var(--display)}.forstaaelse-felter{display:grid;gap:24px}.forstaaelse>p{margin-bottom:24px}.opgavekort details{border-top:1px solid var(--linje);padding-top:8px;margin-top:12px}.opgavekort summary{font:600 12px/1.5 var(--display);min-height:32px;cursor:pointer}.opgavekort blockquote{border-left:3px solid #a54c1d;padding:12px 18px;margin:0;background:#f1e8d8;font-style:italic}.opgavekort table,.maalinger table{width:100%;border-collapse:collapse;font:13px var(--mono)}table caption{text-align:left;font:500 12px var(--display);margin-bottom:10px}th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--linje)}td small{display:block;font-size:11px;color:var(--daempet);margin-top:4px}tr.nu{background:#eaf0ec}.forsoeg{background:#e4eeea;font-size:12px}.forsoegsknapper{display:flex;flex-wrap:wrap;gap:8px}#forudsigelsesgraf{display:block;width:100%;max-height:280px;background:#f2f3e9;border-radius:6px}.grafnoegle{display:flex;flex-wrap:wrap;gap:20px;font:12px var(--display);color:#a54c1d}.grafnoegle .modelnoegle{color:var(--blaa)}.tegnstyring{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:16px 0}.tegnstyring output{font:12px var(--mono);display:block;margin-top:4px}.kurve-feedback{background:#e4eeea;padding:12px;border-radius:6px}.opgaver ol{padding-left:22px}.opgaver li{margin-bottom:22px}.svarlinje{display:flex;align-items:center;gap:8px;margin-top:10px}.svarlinje input{width:90px;min-height:40px;padding:5px 8px;background:#fffdf8;border:1px solid var(--linje);border-radius:4px;color:var(--blaek);font:15px var(--mono)}.svar{font-size:14px!important;margin:8px 0}.svar:empty{display:none}
.fokus header,.fokus .overlinje,.fokus .modelinfo{display:none}.fokus main{max-width:1700px;padding-top:10px}.fokus [data-fane=afkoeling] .figur{height:clamp(250px,calc(100dvh - 270px),700px)}.fokus .figur{height:clamp(360px,calc(100dvh - 145px),800px)}
@media(min-width:821px) and (max-height:650px){main{padding-top:10px}.overlinje{display:none}.titel{margin-bottom:10px}h1{font-size:26px}.a-fortaelling{padding:10px 18px}.a-fortaelling h2{font-size:18px}.a-fortaelling p{font-size:14px}.a-betjening{padding:8px 18px}.arbejde>aside{padding:12px;gap:10px}.opdrift h2{font-size:16px}.opdrift p{font-size:13px}.figur{height:calc(100dvh - 190px)}[data-fane=afkoeling] .figur{height:calc(100dvh - 320px)}}
@media(max-width:820px){main{padding:12px 16px 20px}.situationer{grid-template-columns:repeat(3,minmax(0,1fr))}.situationer button:nth-child(n+4){border-top:1px solid var(--linje)}.situationer button:nth-child(4){border-left:0}.arbejde{display:flex;flex-direction:column}.arbejde>aside{border-left:0;border-bottom:1px solid var(--linje);order:-1;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.opdrift{grid-column:1/-1}.loeft{grid-column:1/-1}.faglig-hjaelp{grid-column:1/-1}.figur,.fokus .figur{height:420px}.a-fortaelling{padding:14px 16px}.a-betjening{order:1;padding:10px 16px;flex-wrap:wrap;gap:10px;position:sticky;top:0;z-index:4;border-bottom:1px solid var(--linje)}[data-fane=afkoeling] .figur{order:2;height:350px}.maalinger{order:3}.a-betjening>.knapper{margin-left:auto}.a-betjening #a-fugtvalg{order:-1;flex-basis:100%}.a-skyder{max-width:none;flex-basis:calc(100% - 100px)}.h-scene{gap:20px;padding:14px}.modelinfo{margin-top:12px}.fokus [data-fane=afkoeling] .figur{height:380px}.stige-pakke{transition-duration:.2s}}
@media(max-width:540px){main{padding:10px 12px 18px}nav{padding:6px 12px;gap:10px}nav>span{display:none}h1{font-size:23px}.situationer{grid-template-columns:repeat(2,minmax(0,1fr))}.situationer button{font-size:12px;min-height:42px}.situationer button:nth-child(n){border-left:0}.situationer button:nth-child(even){border-left:1px solid var(--linje)}.situationer button:nth-child(n+3){border-top:1px solid var(--linje)}.visningsvalg{padding:6px 8px;gap:0}.visningsvalg button{flex:1;font-size:11px;padding:5px}.a-fortaelling h2{font-size:18px}.a-fortaelling p{font-size:14px}.a-betjening{padding:8px 10px;gap:6px}.a-betjening>output{font-size:12px;min-width:58px}.knapper{gap:4px}.a-betjening button{font-size:11px;padding:6px 8px;min-height:38px}.a-betjening #a-nulstil{font-size:17px;flex-basis:32px;padding:4px 8px}.a-betjening>.knapper{flex:1;justify-content:flex-end}.a-betjening #a-afspil{flex:1}.a-betjening #a-tilbage{flex:0}#a-begreb{padding-right:0}.stige-akse{width:42px}.stige-spor{left:46px;right:12px}.stige-akse span{font-size:10px}.stige-pakke small{font-size:10px;top:-23px}.stige-pakke b{font-size:16px}.stige-pakke [data-status]{font-size:10px}.stige-fald{transform:translate(-50%,68px);font-size:13px}.stige-base span{display:none}.h-scene{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);gap:6px;padding:12px}.h-boble{width:calc(80px * var(--faktor));height:calc(80px * var(--faktor))}.h-boble b{font-size:16px}.h-boble.medpile{margin:20px 0}.h-etiket,.h-under{font-size:11px}.h-pil b{font-size:16px}.h-pil small{font-size:10px}.h-boble small{font-size:10px}.figur svg .lille{font-size:8px}.figur svg .maaling{font-size:10px}.figur svg .akse{font-size:10px}.opgavehoved{display:block}.opgavehoved h2{margin-bottom:12px}.opgavehoved select{width:100%}.opgavekort h2,.opgavekort h3{font-size:22px}.opgavekort table{font-size:11px}th,td{padding:8px 5px}.tegnstyring{gap:8px}.tegnstyring label{font-size:12px}.tegnstyring output{font-size:11px}.maalinger{padding:9px 12px}.maalinger table{font-size:11px}.maalinger td small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.stige-pakke,.stige-fald,.stige-sky{transition:none}}
.titel-knapper{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px}
@media(max-width:540px){.titel{flex-wrap:wrap}.titel-knapper{justify-content:flex-start}}