:root{--blekk:#1d1a24;--dempet:#5d5868;--aksent:#6d2140;--gull:#b08a3e;--flate:#faf7f2;--kant:#e6e0d6;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--blekk);background:var(--flate)}
main,header,nav,footer{max-width:46rem;margin:0 auto;padding:0 1.2rem}
.topp{padding-top:1.4rem}
.merke{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.2rem;color:var(--blekk);text-decoration:none}
.ikon{display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:.6rem;background:var(--aksent);color:#fff;font-size:1.1rem}
.meny{display:flex;flex-wrap:wrap;gap:.3rem .9rem;margin-top:.8rem;padding-bottom:.8rem;border-bottom:1px solid var(--kant)}
.meny a{color:var(--dempet);text-decoration:none;font-size:.95rem}
.meny a[aria-current=page]{color:var(--aksent);font-weight:600}
h1{font-size:1.9rem;line-height:1.2;margin:1.6rem 0 .6rem}
h2{font-size:1.2rem;margin:1.8rem 0 .4rem}
a{color:var(--aksent)}
.ingress{font-size:1.15rem;color:var(--dempet)}
.liten{font-size:.85rem;color:var(--dempet)}
.knapp{display:inline-block;padding:.65rem 1.1rem;border-radius:.6rem;background:var(--aksent);color:#fff;text-decoration:none;font-weight:600}
.kort{list-style:none;padding:0}
.kort li{padding:.8rem 1rem;margin:.5rem 0;background:#fff;border:1px solid var(--kant);border-radius:.6rem}
table{width:100%;border-collapse:collapse;font-size:.95rem;background:#fff}
th,td{text-align:left;vertical-align:top;padding:.55rem .6rem;border-bottom:1px solid var(--kant)}
th{font-size:.85rem;color:var(--dempet)}
details{background:#fff;border:1px solid var(--kant);border-radius:.6rem;padding:.6rem .9rem;margin:.5rem 0}
summary{cursor:pointer;font-weight:600}
footer{margin:3rem auto 2rem;padding-top:1rem;border-top:1px solid var(--kant);color:var(--dempet);font-size:.9rem}
@media (max-width:540px){body{font-size:16px}table,thead,tbody,tr,th,td{display:block}thead{display:none}td{border:0;padding:.15rem .6rem}tr{border-bottom:1px solid var(--kant);padding:.4rem 0}}
@media (prefers-color-scheme:dark){:root{--blekk:#efeaf3;--dempet:#b5aec0;--flate:#16141b;--kant:#2d2935;--aksent:#e58aa8;color-scheme:dark}.kort li,details,table{background:#1f1c26}.knapp,.ikon{background:#8c2b52;color:#fff}}