/* Spoilex A — Ljust och tryggt. Shared static-domain design, 2026-10-20. */
:root{color-scheme:only light;font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#173041;background:#fff;font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:#fff;color:#173041}img{max-width:100%;height:auto;display:block}a,button,summary{touch-action:manipulation}button,input,textarea{font:inherit}[hidden]{display:none!important}
.sx-site{--bg:#fff;--panel:#eff5f8;--line:#d4e0e7;--ink:#173041;--muted:#536675;--accent:#1269b0;--brand:#1269b0;--button:#1269b0;background:var(--bg);color:var(--muted);font:17px/1.65 Arial,Helvetica,sans-serif;overflow-wrap:break-word;isolation:isolate}
.sx-site :is(h1,h2,h3,h4,p,figure){margin:0}.sx-site :is(h1,h2,h3,h4){font-family:Arial,Helvetica,sans-serif;font-weight:700;font-style:normal;color:var(--ink);overflow-wrap:normal;text-wrap:balance}
.sx-site h1{font-size:clamp(42px,4.8vw,64px);line-height:1.14;letter-spacing:-.025em}.sx-site h2{font-size:clamp(28px,3vw,38px);line-height:1.2;letter-spacing:-.015em}.sx-site h3{font-size:23px;line-height:1.3;letter-spacing:-.01em}.sx-site p+p{margin-top:16px}
.sx-site a{color:var(--accent);text-underline-offset:4px}.sx-site a:hover{text-decoration:underline}.sx-site :is(a,summary,input,button):focus-visible{outline:3px solid #a96315;outline-offset:5px}
.sx-site .sx-eyebrow{font:700 11px/1.6 Arial,Helvetica,sans-serif;letter-spacing:.12em;color:var(--accent);margin-bottom:20px}.sx-site .sx-lead{font:400 19px/1.7 Arial,Helvetica,sans-serif;color:var(--muted);margin-top:24px;max-width:54ch}
.sx-site .sx-skip{position:absolute;left:16px;top:-100px;padding:12px 18px;background:#fff;color:var(--ink);z-index:1000}.sx-site .sx-skip:focus{top:10px}
.sx-header{border-bottom:1px solid var(--line);position:relative;z-index:30;background:#fff}.sx-header-inner{max-width:1280px;min-height:96px;margin:auto;padding:16px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.sx-site .sx-brand{display:flex;align-items:center;gap:16px;flex-shrink:0;text-decoration:none}.sx-site .sx-logo{display:block;width:185px;background:transparent;mask-image:none;-webkit-mask-image:none}.sx-site .sx-logo img{opacity:1;width:100%;height:63px;object-fit:contain}.sx-site .sx-hazard{width:48px;height:48px;object-fit:contain;flex-shrink:0}
.sx-header-actions{display:flex;align-items:center;gap:12px}.sx-site .sx-call{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 18px;border:1px solid var(--brand);border-radius:7px;background:var(--button);color:#fff;font-weight:700;white-space:nowrap;text-decoration:none}
.sx-menu{position:relative}.sx-site .sx-menu summary{display:flex;gap:9px;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:8px 13px;cursor:pointer;background:#fff;border:1px solid var(--line);border-radius:7px;color:var(--ink);list-style:none;font:600 16px/1.4 Arial,Helvetica,sans-serif}.sx-menu summary::-webkit-details-marker{display:none}.sx-menu summary>span:first-child{font-size:25px;line-height:1}
.sx-menu nav{position:absolute;right:0;top:60px;width:300px;max-width:calc(100vw - 32px);padding:10px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px #1730411a;border-radius:8px}.sx-site .sx-menu nav a{display:block;color:var(--ink);padding:12px;border-radius:5px;line-height:1.4;text-decoration:none}.sx-menu nav a:hover{background:var(--panel)}
.sx-hero{max-width:1280px;margin:auto;padding:65px 40px 64px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:58px;background:var(--panel);box-shadow:0 0 0 100vmax var(--panel);clip-path:inset(0 -100vmax)}.sx-hero-copy{min-width:0}.sx-site .sx-hero-image{overflow:hidden;border-radius:12px;background:#fff;margin:0;border:1px solid var(--line)}.sx-hero-image>img{width:100%;aspect-ratio:1.2;object-fit:cover;object-position:42% center}.sx-hero-image figcaption{padding:14px 20px;color:var(--muted);font-size:13px;display:flex;gap:20px;justify-content:space-between}.sx-hero-image figcaption span{letter-spacing:.12em;font-size:11px;color:var(--accent);white-space:nowrap}
.sx-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:30px}.sx-site .sx-button{display:inline-flex;width:fit-content;align-items:center;justify-content:center;gap:22px;border:1px solid var(--brand);border-radius:7px;padding:15px 22px;min-height:54px;background:var(--button);color:#fff;font:700 16px/1.4 Arial,Helvetica,sans-serif;text-decoration:none}.sx-site .sx-button:hover{background:#0d568f;border-color:#0d568f}.sx-site .sx-button>span{font-size:22px;line-height:1}.sx-site .sx-button-outline{background:transparent;border-color:#9eb2c1;color:var(--ink)}.sx-site .sx-button-outline:hover{background:var(--panel);color:var(--ink)}.sx-site .sx-text-link{font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.sx-assurance{display:flex;justify-content:space-between;gap:24px;max-width:1200px;margin:auto;padding:24px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.sx-intro{max-width:1280px;margin:auto;padding:76px 40px 30px}.sx-intro>div{display:grid;grid-template-columns:1fr 1.2fr;gap:65px}.sx-intro p{max-width:62ch}
.sx-cards{max-width:1280px;margin:auto;padding:0 40px 70px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.sx-site .sx-card{display:flex;flex-direction:column;gap:16px;align-items:flex-start;padding:28px;background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--muted);text-decoration:none;transition:background .15s,border-color .15s}.sx-site .sx-card:hover{background:var(--panel);border-color:#9eb2c1}.sx-site .sx-number{font-size:12px;letter-spacing:.1em;color:var(--accent);display:block}.sx-card p{font-size:16px;line-height:1.65}.sx-card-link{display:flex;justify-content:space-between;align-items:center;width:100%;color:var(--ink);font-size:14px;font-weight:700;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}
.sx-faq{max-width:1200px;margin:auto;padding:60px 0;display:grid;grid-template-columns:1fr 1.4fr;gap:60px;border-top:1px solid var(--line)}.sx-faq details{border-bottom:1px solid var(--line);padding:0 0 20px;margin:0 0 20px}.sx-faq summary{font:600 18px/1.5 Arial,Helvetica,sans-serif;cursor:pointer;color:var(--ink)}.sx-faq p{padding:16px 0 0;font-size:16px}
.sx-related{max-width:1200px;margin:0 auto 60px;padding:28px 32px;background:var(--panel);border-left:3px solid var(--brand)}.sx-related article+article{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.sx-related h3{font-size:23px}.sx-related p{margin:9px 0}.sx-prelaunch{font-size:13px;color:var(--muted)}
.sx-contact{max-width:1200px;margin:0 auto 65px;padding:42px;display:grid;grid-template-columns:1.1fr 1fr;gap:65px;background:#173f5f;border-radius:12px;color:#d0e1ef}.sx-contact h2,.sx-contact .sx-text-link{color:#fff}.sx-contact .sx-eyebrow{color:#b4d8ef}.sx-contact p{margin-top:16px;max-width:50ch}.sx-contact-actions{display:flex;flex-direction:column;gap:14px;align-self:center}.sx-contact-actions .sx-button{width:100%;background:#fff;color:#143e5f;border-color:#fff}.sx-contact-actions .sx-button:hover{background:#eff5f8}.sx-contact-actions .sx-button-outline{background:transparent;color:#fff;border-color:#a3bbc9}.sx-contact-actions .sx-button-outline:hover{background:#245676;color:#fff}.sx-contact-actions small{font-size:13px;line-height:1.6;color:#d0e1ef}
.sx-footer{max-width:1280px;margin:auto;padding:34px 40px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;border-top:1px solid var(--line);font-size:14px;background:#fff}.sx-footer strong{color:var(--ink);font-weight:700}.sx-footer p{margin-top:8px}.sx-footer a{display:block;margin-bottom:7px;overflow-wrap:anywhere}.sx-site-note{grid-column:1/-1;font-size:12px;color:var(--muted)}.sx-privacy{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px;font-size:13px}.sx-privacy summary{cursor:pointer;color:var(--ink);font-weight:600;min-height:44px;display:list-item}.sx-privacy p{max-width:78ch;margin:0 0 12px}
.sx-article-hero{max-width:1150px;margin:auto;padding:42px 32px 55px}.sx-breadcrumb{font-size:14px;display:inline-block;margin-bottom:36px}.sx-article-hero h1{font-size:clamp(40px,4.8vw,58px);max-width:24ch}.sx-site .sx-article-hero .sx-lead{max-width:58ch}.sx-article-hero .sx-button{margin-top:28px}.sx-article-layout{max-width:1150px;margin:auto;padding:0 32px 65px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:65px}.sx-contents{align-self:start;position:sticky;top:25px;border-top:2px solid var(--brand);padding-top:20px}.sx-contents a{display:block;border-bottom:1px solid var(--line);padding:11px 0;font-size:14px}.sx-article>section{padding:27px 0;border-top:1px solid var(--line)}.sx-article h2{font-size:32px;margin:10px 0 16px}.sx-article p{max-width:64ch}.sx-checklist{background:var(--panel);padding:26px!important;margin-top:25px;border-radius:9px;border:1px solid var(--line)}.sx-checklist label{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);cursor:pointer;line-height:1.5}.sx-checklist input{width:21px;height:21px;flex:0 0 21px;margin:3px 0 0;accent-color:var(--brand)}
.sx-editorial-panel{padding:36px;background:#fff;border-radius:12px;border:1px solid var(--line)}.sx-editorial-panel>div{display:grid;grid-template-columns:40px 1fr;gap:12px;border-bottom:1px solid var(--line);padding:22px 0}.sx-editorial-panel>div>span{color:var(--accent);font-size:13px}.sx-editorial-panel h2{font-size:31px}.sx-editorial-panel>p:last-child{font-size:16px;margin-top:24px}.sx-dodsfall .sx-hero-image>img{object-position:48% center}.sx-skane .sx-hero-image>img{object-position:45% center}
@media(max-width:1280px){.sx-assurance,.sx-faq,.sx-related,.sx-contact{margin-left:40px;margin-right:40px}.sx-hero{gap:36px}}
@media(max-width:900px){.sx-hero{gap:28px}.sx-site h1{font-size:48px}.sx-cards{gap:14px}.sx-site .sx-card{padding:22px}.sx-intro>div{gap:35px}.sx-contact{gap:30px;padding:30px}.sx-faq{gap:30px}.sx-article-layout{grid-template-columns:190px minmax(0,1fr);gap:35px}}
@media(max-width:760px){.sx-header-inner{min-height:76px;padding:14px 20px;gap:10px}.sx-site .sx-logo{width:133px}.sx-site .sx-logo img{height:46px}.sx-site .sx-hazard{width:40px;height:40px}.sx-site .sx-brand{gap:9px;min-width:0;flex-shrink:1}.sx-header-actions{gap:8px}.sx-site .sx-call{min-height:44px;min-width:48px;padding:10px;font-size:13px}.sx-call-number,.sx-menu-word{display:none}.sx-site .sx-menu summary{min-width:44px;min-height:44px;padding:8px}.sx-menu nav{right:-56px;top:54px}.sx-hero{grid-template-columns:1fr;padding:36px 20px 40px;gap:32px}.sx-site h1{font-size:42px;line-height:1.14;letter-spacing:-.02em}.sx-site .sx-eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:16px}.sx-site .sx-lead{font-size:18px;line-height:1.65;margin-top:20px}.sx-hero-image>img{aspect-ratio:1.5;object-position:center}.sx-hero-image figcaption{padding:12px 15px;font-size:12px}.sx-actions{display:grid;grid-template-columns:1fr;gap:14px;margin-top:24px}.sx-site .sx-button{min-height:52px;padding:15px 18px;width:100%;font-size:15px}.sx-assurance{gap:10px;margin:0 20px;padding:20px 0;flex-direction:column;font-size:13px}.sx-intro{padding:46px 20px 24px}.sx-intro>div{grid-template-columns:1fr;gap:20px}.sx-cards{grid-template-columns:1fr;padding:0 20px 46px;gap:14px}.sx-site .sx-card{padding:24px;gap:12px}.sx-site h2{font-size:31px;line-height:1.22}.sx-site h3{font-size:22px;line-height:1.35}.sx-faq{margin:0 20px;padding:38px 0;grid-template-columns:1fr;gap:25px}.sx-related{margin:0 20px 38px;padding:25px 22px}.sx-contact{margin:0 20px 38px;padding:28px 24px;grid-template-columns:1fr;gap:25px}.sx-footer{padding:28px 20px;grid-template-columns:1fr;gap:22px}.sx-article-hero{padding:28px 20px 38px}.sx-article-hero h1{font-size:42px}.sx-breadcrumb{margin-bottom:26px}.sx-article-layout{grid-template-columns:1fr;padding:0 20px 40px;gap:28px}.sx-contents{position:static}.sx-article h2{font-size:30px}.sx-editorial-panel{padding:26px}.sx-editorial-panel h2{font-size:27px}.sx-hero h1 br,.sx-editorial-panel h2 br{display:none}}
@media(max-width:355px){.sx-header-inner{padding:12px 14px;gap:8px}.sx-site .sx-logo{width:113px}.sx-site .sx-logo img{height:39px}.sx-site .sx-hazard{width:34px;height:34px}.sx-site .sx-brand{gap:6px}.sx-header-actions{gap:5px}.sx-site h1,.sx-article-hero h1{font-size:37px}.sx-site .sx-call{min-width:43px;padding:10px 8px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.sx-site *{scroll-behavior:auto!important;transition:none!important}}