/* Tokens från designsystemet Klara Kompetenser */
:root{--papper:#F7F2E8;--papper-djup:#EEE6D6;--papper-lyft:#FFFDF8;--ink:#1E2B2F;--ink-dampad:#56615F;--on-ink:#F7F2E8;--linje:#8C8272;--linje-mjuk:#DDD3C2;--fokus:#245A75;--sol:#F2B233;--alv:#2D6B8A;--tegel:#E5764C;--mossa:#88AE70;--ljung:#A94A73;--on-sol:#1E2B2F;--on-alv:#FFFDF8;--on-tegel:#1E2B2F;--on-mossa:#1E2B2F;--on-ljung:#FFFDF8;--alv-text:#245A75;--tegel-text:#A8421F;--mossa-text:#44693A;--ljung-text:#933D62;--sol-ton:#FBE7B8;--alv-ton:#D3E4EC;--tegel-ton:#F8D9CB;--mossa-ton:#DCE8D2;--ljung-ton:#EFD6E1;--font-display:"Bricolage Grotesque","Figtree",system-ui,sans-serif;--font-sans:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;--font-serif:"Newsreader",Georgia,serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:72px;--space-9:112px;--radius-sm:4px;--radius-md:12px;--radius-lg:24px;--radius-pill:999px;--skugga-kort:0 1px 0 rgba(30,43,47,0.06),0 12px 28px -18px rgba(30,43,47,0.35)}
body{margin:0;background:var(--papper);color:var(--ink);font-family:var(--font-sans)}
a{color:var(--alv-text)}a:hover{color:var(--ink)}
html{scroll-behavior:smooth}
[data-lage="fullt"]{display:none}
body.lage-fullt [data-lage="ledigt"]{display:none}
body.lage-fullt [data-lage="fullt"]{display:block}
.demo-lage{position:fixed;right:16px;bottom:16px;z-index:50;display:flex;align-items:center;gap:6px;padding:6px 6px 6px 14px;background:var(--ink);color:var(--on-ink);border-radius:999px;font:600 13px/1 var(--font-sans);box-shadow:var(--skugga-kort)}
.demo-lage span{opacity:.75;margin-right:4px}
.demo-lage button{font:inherit;border:0;border-radius:999px;padding:9px 14px;cursor:pointer;background:transparent;color:var(--on-ink)}
.demo-lage button[aria-pressed="true"]{background:var(--sol);color:var(--on-sol)}
.demo-lage button:focus-visible{outline:2px solid var(--sol);outline-offset:2px}