main{max-width:900px}.boks{background:#fff;border:1px solid var(--kant);border-radius:14px;padding:20px;margin-bottom:16px}
.boks>h2{font-size:17px;color:var(--blaek);margin:0 0 12px}
.lille{font-size:14px;color:var(--graa)}input[type=text]{width:100%;font:inherit;border:1px solid var(--kant);border-radius:10px;padding:10px;background:#fff}
.felt{margin-top:14px}.felt label{display:block;font-size:14px;margin-bottom:4px}.tjek{display:flex;gap:8px;align-items:flex-start;margin:14px 0}
button{font:600 15px 'IBM Plex Sans',sans-serif;border-radius:10px;padding:11px 18px;min-height:44px;cursor:pointer;border:1px solid var(--blaa);background:var(--blaa);color:#fff}
button:disabled{opacity:.6}button.knap.sek{background:#fff;color:var(--blaek);border-color:var(--kant)}
.fejl{color:var(--fejl);font-weight:500;margin-top:8px}.gemt{background:#E3F5EF;color:#1F5C4D;border-radius:10px;padding:12px 14px;font-weight:500;margin:0 0 16px}
.maerke{display:inline-block;font-size:13px;font-weight:600;padding:2px 10px;border-radius:999px}.ok-m{background:#E3F5EF;color:#1F5C4D}.adv-m{background:#FFF0E0;color:#8A4100}
.top{display:flex;gap:24px;align-items:center;background:#fff;border:1px solid var(--kant);border-radius:16px;padding:20px 24px;margin-bottom:24px}
.ring{flex:0 0 110px;height:110px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#fff 58%,transparent 59%),conic-gradient(var(--dybmint) 42%,#E7E9E2 0)}.ring b{font:700 26px 'Sora',sans-serif}.ring span{font-size:12px;color:var(--graa)}
.top h2{margin:0 0 4px;font-size:20px}.top p{margin:0;color:var(--graa)}
h2.sektion{font-size:20px;margin:28px 0 12px;display:flex;align-items:center;gap:10px}.antal{background:var(--hindbaer);color:#fff;border-radius:999px;font:600 13px 'IBM Plex Sans',sans-serif;padding:1px 9px}
ul.opgaver{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.opgave{background:#fff;border:1px solid var(--kant);border-radius:14px;padding:18px 20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;align-items:start}
.opgave h3{font-size:17px;margin:0 0 4px}.opgave p{margin:0 0 4px;font-size:15px;color:#2A303B}.opgave .ref{font-size:13px;color:var(--graa)}
.op-handling{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.marker summary{cursor:pointer;color:var(--blaa);font-size:14px}.ekstra{display:grid;gap:6px;margin-top:8px;min-width:260px}.ekstra label{font-size:14px}
details.fold{background:#fff;border:1px solid var(--kant);border-radius:14px;padding:14px 20px;margin-top:12px}details.fold>summary{cursor:pointer;font-weight:600}
.klaret{list-style:none;padding:0;margin:10px 0 0}.klaret li{display:flex;gap:10px;padding:6px 0;border-top:1px solid var(--kant)}.klaret li:first-child{border-top:0}.klaret .j{color:var(--dybmint);font-weight:700}.klaret .lille{display:block}
.frister{list-style:none;padding:0;margin:10px 0 0}.frister li{display:flex;gap:14px;padding:8px 0;border-top:1px solid var(--kant)}.frister li:first-child{border-top:0}.frister .d{flex:0 0 100px;font-weight:600}.frister .kommer .d{color:var(--blaa)}
.alt-godt{background:#E3F5EF;color:var(--dybmint);border-radius:14px;padding:18px 20px;font-weight:600}
@media (max-width:640px){.top{flex-direction:column;align-items:flex-start}.opgave{grid-template-columns:minmax(0,1fr)}.op-handling{align-items:flex-start}}