:root{--bg:#F3F5F8;--fg:#16202B;--mu:#5B6673;--pa:#FFFFFF;--li:#E1E6EC;--ac:#2E8B6F;--fa:#C0392B;--fo:#3B7DD8}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0B1117;--fg:#EAF0F5;--mu:#93A3B3;--pa:#121A23;--li:#223040;--ac:#3FB28E;--fa:#E06352;--fo:#6FA4F0}}
:root[data-theme="dark"]{--bg:#0B1117;--fg:#EAF0F5;--mu:#93A3B3;--pa:#121A23;--li:#223040;--ac:#3FB28E;--fa:#E06352;--fo:#6FA4F0}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
main{max-width:1040px;margin:0 auto;padding:32px 16px 48px}
h1{margin:0 0 4px;font-size:32px}h2{margin:0 0 8px;font-size:20px}h3{margin:16px 0 4px;font-size:16px}
.mu{color:var(--mu)}.lille-txt{font-size:14px}
.gitter{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:24px}
.kort{background:var(--pa);border:1px solid var(--li);border-radius:16px;padding:20px;margin-top:24px}
.gitter .kort{margin-top:0}
label{display:block;margin:10px 0;font-size:14px;color:var(--mu)}
input{display:block;width:100%;margin-top:4px;padding:10px 12px;font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--li);border-radius:10px}
input:focus{outline:2px solid var(--fo);outline-offset:1px}
.knap{display:inline-block;padding:10px 16px;margin:6px 6px 0 0;font:600 15px/1.2 inherit;color:var(--fg);background:var(--bg);border:1px solid var(--li);border-radius:10px;cursor:pointer;text-decoration:none}
.knap.prim{background:var(--ac);border-color:var(--ac);color:#fff}.knap.fare{color:var(--fa);border-color:var(--fa)}
.knapper{margin-top:8px}
.besked{position:sticky;bottom:16px;padding:12px 16px;border-radius:12px;background:var(--pa);border:1px solid var(--li);box-shadow:0 4px 18px rgba(0,0,0,.15)}
.besked.fejl{border-color:var(--fa);color:var(--fa)}
.skjult{display:none!important}
details summary{cursor:pointer;margin-top:12px;font-weight:600}
.lille{border-top:1px solid var(--li);padding-top:8px;margin-top:12px}
table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:6px 8px;border-top:1px solid var(--li);text-align:left;vertical-align:top;word-break:break-word}
.tabel{overflow-x:auto}
code{font-size:13px}
footer{margin-top:32px}
.kode{font:700 18px ui-monospace,monospace;letter-spacing:.05em;padding:8px 12px;background:var(--bg);border-radius:8px;display:inline-block;user-select:all}