/* Gemensam stil för utskriftsmaterial (A4) — /material/<dokument> */
@page{size:A4;margin:0}
:root{--brand:#3d6b52;--brand-mork:#2c5140;--brand-ljus:#e8f0ea;--accent:#a84f2f;--gul:#f0c75e;--text:#23211e;--svag:#605c55;--ram:#e4ded2}
*{box-sizing:border-box}body{margin:0;background:#8a8f8a;font:15px/1.45 "Bricolage Grotesque",system-ui,sans-serif;color:var(--text);-webkit-print-color-adjust:exact;print-color-adjust:exact}
.verktyg{position:sticky;top:0;z-index:5;background:#23211e;color:#fff;padding:.7rem 1rem;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.verktyg b{margin-right:auto;font-size:1rem}
.verktyg a,.verktyg button{font:inherit;font-weight:800;font-size:.9rem;border:0;border-radius:999px;padding:.55rem 1rem;cursor:pointer;text-decoration:none;background:#f0c75e;color:#23211e}
.verktyg a.lugn{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4)}
.falt{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.5rem;padding-top:.3rem}
.falt label{font-size:.75rem;opacity:.8;display:flex;flex-direction:column;gap:.2rem}
.falt input{font:inherit;font-size:.95rem;padding:.5rem .7rem;border-radius:10px;border:0;color:#23211e}
.ark{width:210mm;height:297mm;margin:1rem auto;background:#fff;padding:15mm 16mm 13mm;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.25)}
.topp{display:flex;align-items:center;gap:3mm;margin-bottom:8mm;font-weight:800;font-size:5.4mm;letter-spacing:-.01em}
.topp img{width:10mm;height:10mm;border-radius:2.4mm}.topp span{margin-left:auto;font-size:3.4mm;font-weight:600;color:var(--svag)}
h1{font-size:12mm;line-height:1.02;letter-spacing:-.03em;margin:0 0 4mm;font-variation-settings:"opsz" 96,"wdth" 85}h1 em{font-style:normal;color:var(--brand)}
h2{font-size:5.6mm;margin:6mm 0 2mm;letter-spacing:-.01em}
p{margin:0 0 2.6mm}ul,ol{margin:0 0 3mm;padding-left:5mm}li{margin:1mm 0}
.ingress{font-size:4.6mm;color:var(--svag)}
.f{border-bottom:.3mm solid var(--text);min-width:40mm;display:inline-block;font-weight:700}
.f:empty::after{content:"\00a0"}
.ruta{background:var(--brand-ljus);border-radius:4mm;padding:4mm 5mm;margin:3mm 0}
.qrrad{display:grid;grid-template-columns:30mm 1fr;gap:5mm;align-items:center;border:.8mm solid var(--brand);border-radius:4mm;padding:4mm 5mm;margin-top:auto}
.qrrad svg{width:30mm;height:30mm;display:block}.qrrad b{font-size:4.8mm}.qrrad p{margin:1mm 0 0;color:var(--svag)}
.fot{margin-top:4mm;display:flex;justify-content:space-between;font-size:3.1mm;color:var(--svag)}
@media print{.verktyg{display:none}body{background:#fff}.ark{margin:0;box-shadow:none;page-break-after:always}}
@media screen and (max-width:760px){.ark{width:auto;height:auto;min-height:0;margin:.6rem;padding:7mm}h1{font-size:9mm}.qrrad{grid-template-columns:24mm 1fr}.qrrad svg{width:24mm;height:24mm}}
.f:not(:empty){border-bottom:0;min-width:0!important}
@media screen and (max-width:760px){.verktyg{position:static}}