:root{--ink: #16232a;--ink-soft: #4a5a63;--bg: #ffffff;--bg-soft: #f2f6f7;--brand: #0b5d66;--brand-dark: #084850;--accent: #e8600a;--line: #d8e2e5;--ok: #1a7f4e;--warn: #b26a00;--danger: #b3261e;--radius: 10px;--maxw: 62rem}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;font-size:1.05rem}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 1.25rem}header.site{background:var(--brand);color:#fff}header.site .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;padding-top:.8rem;padding-bottom:.8rem}.logo{font-weight:800;font-size:1.25rem;color:#fff;text-decoration:none;letter-spacing:-.01em}.logo span{color:#ffd9bd}nav.main{display:flex;flex-wrap:wrap;gap:.25rem 1.1rem;margin-left:auto}nav.main a{color:#e6f0f1;text-decoration:none;font-size:.95rem}nav.main a:hover{color:#fff;text-decoration:underline}main{padding:2rem 0 3rem}h1{font-size:2rem;line-height:1.2;letter-spacing:-.02em;margin:0 0 .75rem}h2{font-size:1.4rem;margin:2rem 0 .5rem}h3{font-size:1.1rem;margin:1.25rem 0 .35rem}p.lead{font-size:1.15rem;color:var(--ink-soft);max-width:46rem}a{color:var(--brand)}.hero{background:var(--bg-soft);border-bottom:1px solid var(--line)}.hero .wrap{padding-top:3rem;padding-bottom:3rem}.hero h1{font-size:2.4rem;max-width:34rem}.btn{display:inline-block;background:var(--accent);color:#fff!important;padding:.65rem 1.2rem;border-radius:var(--radius);text-decoration:none;font-weight:700;border:0;font-size:1rem;cursor:pointer}.btn:hover{filter:brightness(1.07)}.btn.secondary{background:var(--brand)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin:1.5rem 0}.card{border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.2rem;background:#fff;text-decoration:none;color:inherit;display:block}.card:hover{border-color:var(--brand)}.card h3{margin-top:0;color:var(--brand)}.card p{margin:.25rem 0 0;color:var(--ink-soft);font-size:.95rem}.trust{display:flex;flex-wrap:wrap;gap:.5rem 2rem;margin-top:1.5rem;color:var(--ink-soft);font-size:.95rem}.trust b{color:var(--ink)}table.codes{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.98rem}table.codes th,table.codes td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--line);vertical-align:top}table.codes th{background:var(--bg-soft)}.sev{display:inline-block;padding:.05rem .55rem;border-radius:999px;font-size:.8rem;font-weight:700;white-space:nowrap}.sev.låg{background:#e3f2e9;color:var(--ok)}.sev.medel{background:#fdf0dc;color:var(--warn)}.sev.hög{background:#fbe3e1;color:var(--danger)}.notice{border-left:4px solid var(--warn);background:#fdf6ea;padding:.75rem 1rem;border-radius:0 var(--radius) var(--radius) 0;margin:1.25rem 0;font-size:.95rem}.notice.safety{border-color:var(--danger);background:#fdf0ef}.notice.expert{border-color:var(--brand);background:#eaf4f5}.searchbox{width:100%;max-width:24rem;padding:.6rem .8rem;font-size:1rem;border:1px solid var(--line);border-radius:var(--radius)}details.codeblock{border:1px solid var(--line);border-radius:var(--radius);padding:.6rem 1rem;margin:.5rem 0;background:#fff}details.codeblock summary{cursor:pointer;font-weight:700}details.codeblock summary .sev{margin-left:.5rem}form.expert{display:grid;gap:.9rem;max-width:36rem;margin:1.5rem 0}form.expert label{font-weight:700;font-size:.95rem;display:block;margin-bottom:.25rem}form.expert input,form.expert select,form.expert textarea{width:100%;padding:.6rem .7rem;font-size:1rem;font-family:inherit;border:1px solid var(--line);border-radius:var(--radius);background:#fff}form.expert .consent{display:flex;gap:.6rem;align-items:flex-start;font-size:.9rem;font-weight:400}form.expert .consent input{width:auto;margin-top:.3rem}.calc{border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;background:var(--bg-soft);max-width:36rem}.calc label{display:block;font-weight:700;font-size:.95rem;margin:.75rem 0 .25rem}.calc input{width:100%;padding:.55rem .7rem;font-size:1rem;border:1px solid var(--line);border-radius:var(--radius)}.calc .result{margin-top:1.25rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1rem}.calc .result strong{font-size:1.3rem;color:var(--brand-dark)}.breadcrumb{font-size:.9rem;color:var(--ink-soft);margin-bottom:1rem}.breadcrumb a{color:var(--ink-soft)}footer.site{border-top:1px solid var(--line);background:var(--bg-soft);margin-top:3rem}footer.site .wrap{padding:1.5rem 1.25rem 2rem;font-size:.9rem;color:var(--ink-soft)}footer.site a{color:var(--ink-soft)}
