:root{--c:#1f4e79;--a:#e07b00;--bg:#f6f7f9;--fg:#1c2430;--card:#fff;--line:#d5dae1}
@media (prefers-color-scheme:dark){:root{--bg:#141a22;--fg:#e8ecf1;--card:#1c2530;--line:#34404e}}
*{box-sizing:border-box}
body{margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg)}
header{background:var(--c);color:#fff;padding:14px 16px;border-bottom:4px solid var(--a)}
header h1{margin:0;font-size:1.2rem}
header small{opacity:.85}
nav{display:flex;flex-wrap:wrap;gap:8px;padding:10px 16px;background:var(--card);border-bottom:1px solid var(--line)}
nav a{color:var(--c);text-decoration:none;padding:4px 10px;border:1px solid var(--line);border-radius:6px}
nav a.on{background:var(--c);color:#fff}
main{max-width:980px;margin:0 auto;padding:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px;margin:0 0 14px}
.card h2{margin:0 0 8px;font-size:1.05rem}
label{display:block;font-size:.85rem;margin:8px 0 2px}
input,select,textarea,button{font:inherit;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--fg);max-width:100%}
button{background:var(--c);color:#fff;border-color:var(--c);cursor:pointer}
button.sek{background:transparent;color:var(--c)}
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:end}
table{width:100%;border-collapse:collapse;font-size:.9rem}
th,td{border-bottom:1px solid var(--line);padding:5px 6px;text-align:left}
th{background:var(--bg)}
pre{background:#0f1720;color:#d8f0d0;padding:12px;border-radius:8px;overflow:auto;font-size:.82rem;white-space:pre}
.warn{border-left:4px solid var(--a);padding:8px 12px;background:var(--card);margin:0 0 12px;font-size:.88rem}
.ok{color:#2a9d8f}.bad{color:#c0392b}
footer{max-width:980px;margin:0 auto;padding:12px 16px 30px;font-size:.8rem;opacity:.8}
@media print{nav,button,.row button,select,input[type=file]{display:none}
:root{--bg:#fff;--fg:#000;--card:#fff;--line:#999}
body{font-size:11pt;background:#fff;color:#000}
header{background:#fff;color:#000;border-bottom:2px solid #000}
.card{break-inside:avoid;border-color:#999}
pre{background:#fff;color:#000;border:1px solid #999;white-space:pre-wrap}
a{color:#000;text-decoration:none}}
:focus-visible{outline:3px solid var(--a);outline-offset:2px}