.sr-only{position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important;}
.skip-link{position:fixed; left:12px; top:12px; z-index:10000; transform:translateY(-160%); background:#fff; color:#071426; padding:10px 14px; border-radius:10px; font-weight:700; box-shadow:0 4px 16px rgba(0,0,0,.25);}
.skip-link:focus{transform:translateY(0);}
:focus-visible{outline:3px solid #ffd54f; outline-offset:3px;}
[aria-disabled="true"]{cursor:not-allowed;}
*{margin:0; padding:0; box-sizing:border-box;}
body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; color:#1d1d1f; line-height:1.5; background:#000; overflow-x:hidden;}
.background-image{position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:-2; overflow:hidden;}
.background-image img{width:100%; height:100%; object-fit:cover; display:block;}
.background-overlay{position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:-1; background:rgba(0,0,0,0.50); pointer-events:none;}
.content-wrapper{position:relative; z-index:1; background:transparent; min-height:100vh; display:flex; flex-direction:column;}
.container{max-width:1120px; margin:0 auto; padding:0 24px;}
h1, h2, h3{font-weight:600; letter-spacing:-0.02em; word-break:break-word;}
h1{font-size:clamp(2rem,8vw,3.2rem); line-height:1.1;}
h2{font-size:clamp(1.6rem,5vw,2.4rem); margin-bottom:0.5rem;}
h3{font-size:clamp(1.1rem,3vw,1.4rem); margin-bottom:0.5rem;}
.subhead{font-size:clamp(1rem,2.5vw,1.2rem); color:#e8e8ed; font-weight:400; max-width:640px; margin:0 auto;}
.btn-primary{display:inline-flex; align-items:center; justify-content:center; gap:8px; background-color:#0071e3; color:#fff; padding:14px 28px; min-height:52px; border-radius:40px; font-weight:600; font-size:clamp(1rem,2vw,1.1rem); border:none; cursor:pointer; transition:background-color .2s,transform .1s,box-shadow .2s; box-shadow:0 4px 12px rgba(0,113,227,0.35); text-decoration:none; text-align:center; touch-action:manipulation; user-select:none;}
.btn-primary:hover{background-color:#005bbf; transform:scale(1.02);}
.btn-primary:active{transform:scale(0.97);}
.btn-primary.green{background-color:#2e7d32; box-shadow:0 4px 12px rgba(46,125,50,0.35);}
.btn-primary.green:hover{background-color:#1b5e20;}
.btn-primary:disabled{opacity:0.5; cursor:not-allowed; transform:none;}
.btn-outline{display:inline-flex; align-items:center; justify-content:center; gap:6px; background:transparent; color:#fff; padding:10px 20px; min-height:44px; border-radius:40px; font-weight:600; font-size:clamp(.85rem,1.8vw,1rem); border:1.5px solid rgba(255,255,255,0.6); cursor:pointer; transition:background .2s,color .2s,border-color .2s; text-decoration:none; text-align:center; touch-action:manipulation; user-select:none;}
.btn-outline:hover{background:rgba(255,255,255,0.15); border-color:#fff;}
.btn-outline:active{background:rgba(255,255,255,0.25);}
.btn-outline.dark{color:#1d1d1f; border-color:#d2d2d7;}
.btn-outline.dark:hover{background:#f0f0f5; border-color:#b0b0b8;}
.site-header{padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.15); background:rgba(0,0,0,0.55); backdrop-filter:blur(8px); position:sticky; top:0; z-index:100;}
.header-inner{display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px;}
.logo{font-weight:700; font-size:clamp(1rem,3vw,1.3rem); letter-spacing:-0.02em; color:#fff; display:flex; align-items:center; gap:6px; white-space:nowrap;}
.logo i{color:#0071e3; font-size:clamp(1rem,2.5vw,1.2rem);}
.nav-links{display:flex; gap:12px; align-items:center; flex-wrap:wrap;}
.nav-links a{color:#e0e0e5; text-decoration:none; font-size:clamp(.75rem,1.4vw,.9rem); font-weight:500; transition:color .2s;}
.nav-links a:hover{color:#fff;}
.nav-links a i{margin-right:4px;}
.hero{padding:clamp(40px,10vh,80px) 0 clamp(32px,6vh,64px); text-align:center; color:#fff;}
.hero h1{margin-bottom:16px; text-shadow:0 2px 12px rgba(0,0,0,0.3);}
.hero .subhead{margin:0 auto 28px; text-shadow:0 1px 8px rgba(0,0,0,0.4);}
.hero .btn-primary{font-size:clamp(1rem,2.5vw,1.2rem); padding:14px 28px; min-height:56px; width:100%; max-width:400px;}
.section{padding:clamp(40px,8vh,64px) 0; border-bottom:1px solid rgba(255,255,255,0.08); background:rgba(255,255,255,0.88); backdrop-filter:blur(2px);}
.section:last-of-type{border-bottom:none;}
.section-light{background:rgba(255,255,255,0.92);}
.section-dark{background:rgba(0,0,0,0.5); backdrop-filter:blur(4px); color:#fff;}
.section-dark .subhead, .section-dark p{color:#e0e0e5;}
.section-title{text-align:center; margin-bottom:16px;}
.section-subtitle{text-align:center; color:#6e6e73; max-width:640px; margin:0 auto 32px; font-size:clamp(1rem,2vw,1.1rem);}
.section-dark .section-subtitle{color:#c0c0c5;}
.steps-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:clamp(20px,3vw,32px) clamp(16px,2vw,24px); margin-top:16px;}
.step-item{text-align:center; background:rgba(255,255,255,0.08); padding:24px 16px; border-radius:20px; backdrop-filter:blur(2px); transition:transform .2s;}
.step-item:hover{transform:translateY(-4px);}
.step-item .step-icon{font-size:clamp(2rem,4vw,2.4rem); color:#0071e3; margin-bottom:12px;}
.step-item h3{font-size:clamp(1rem,2vw,1.1rem); font-weight:600; margin-bottom:4px; color:#fff;}
.step-item p{color:#d0d0d5; font-size:clamp(.85rem,1.6vw,.95rem);}
.step-item .step-detail{color:#a0a0a8; font-size:clamp(.8rem,1.4vw,.9rem); margin-top:6px; border-top:1px solid rgba(255,255,255,0.1); padding-top:8px;}
.step-item .step-detail i{color:#5a9eff; margin-right:4px;}
.tabs-nav{display:flex; gap:4px; background:rgba(255,255,255,0.6); backdrop-filter:blur(4px); border-radius:40px; padding:4px; margin-bottom:28px; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; flex-wrap:nowrap;}
.tabs-nav::-webkit-scrollbar{display:none;}
.tab-btn{flex:1 0 auto; padding:10px 16px; min-height:44px; border:none; background:transparent; border-radius:30px; font-weight:600; font-size:clamp(.8rem,1.6vw,.95rem); color:#4a4a4e; cursor:pointer; transition:background .2s,color .2s,box-shadow .2s; white-space:nowrap; touch-action:manipulation; user-select:none;}
.tab-btn.active{background:#fff; color:#1d1d1f; box-shadow:0 2px 8px rgba(0,0,0,0.06);}
.tab-btn:active:not(.active){background:rgba(255,255,255,0.3);}
@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)} 100%{opacity:1;transform:translateY(0)}}
.reason-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:clamp(12px,2vw,18px) clamp(16px,2vw,24px); margin-top:8px;}
.reason-item{display:flex; align-items:center; gap:12px; font-weight:500; font-size:clamp(.9rem,1.6vw,1rem);}
.reason-item i{color:#0071e3; font-size:clamp(1.1rem,2vw,1.3rem); min-width:28px; text-align:center; flex-shrink:0;}
.section-dark .reason-item{color:#fff;}
.section-dark .reason-item i{color:#5a9eff;}
.docs-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:clamp(16px,2vw,24px); margin-top:16px;}
.doc-card{background:rgba(255,255,255,0.9); backdrop-filter:blur(4px); border-radius:20px; padding:clamp(20px,3vw,28px) clamp(16px,2vw,20px); text-align:center; transition:transform .15s,box-shadow .2s; box-shadow:0 4px 12px rgba(0,0,0,0.04); touch-action:manipulation; cursor:pointer; border:2px solid transparent; position:relative;}
.doc-card:hover{transform:translateY(-4px); box-shadow:0 8px 24px rgba(0,0,0,0.10); border-color:#0071e3;}
.doc-card:active{transform:scale(0.97);}
.doc-card i{font-size:clamp(2rem,4vw,2.6rem); color:#0071e3; margin-bottom:12px;}
.doc-card h4{font-weight:600; margin-bottom:2px; font-size:clamp(.95rem,1.8vw,1.1rem); color:#1d1d1f;}
.doc-card span{color:#6e6e73; font-size:clamp(.8rem,1.4vw,.9rem);}
.doc-card .free-badge{display:inline-block; background:#2e7d32; color:#fff; font-size:.7rem; font-weight:700; padding:2px 10px; border-radius:20px; margin-top:6px;}
.doc-card .click-hint{position:absolute; bottom:8px; right:12px; font-size:.6rem; color:#aaa; font-weight:500; opacity:0.6;}
.doc-card .click-hint i{font-size:.6rem; color:#aaa; margin-bottom:0;}
#page-dokumentation a.doc-card[data-route="livslangdsjournal"]{text-decoration:none!important;}
#page-dokumentation a.doc-card[data-route="livslangdsjournal"] h4,#page-dokumentation a.doc-card[data-route="livslangdsjournal"] span{text-decoration:none!important;}
.cta-band{text-align:center; padding:clamp(20px,4vh,32px) 0 clamp(8px,2vh,12px);}
.cta-band h2{margin-bottom:8px;}
.cta-band .subhead{margin:0 auto 24px;}
.cta-band .btn-primary{width:100%; max-width:400px; min-height:56px;}
.modal-overlay{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); backdrop-filter:blur(6px); z-index:999; display:none; align-items:center; justify-content:center; padding:16px; overflow-y:auto;}
.modal-overlay.open{display:flex;}
.modal{background:#fff; border-radius:32px; max-width:560px; width:100%; padding:clamp(24px,5vw,40px) clamp(18px,4vw,36px); box-shadow:0 20px 60px rgba(0,0,0,0.2); position:relative; animation:modalFade .2s ease; max-height:98vh; overflow-y:auto;}
@keyframes modalFade{0%{opacity:0;transform:scale(0.96)} 100%{opacity:1;transform:scale(1)}}
.modal-close{position:sticky; top:0; float:right; background:none; border:none; font-size:2rem; line-height:1; cursor:pointer; color:#8e8e93; transition:color .15s; padding:4px 8px; z-index:10;}
.modal-close:hover{color:#1d1d1f;}
.modal h2{font-size:clamp(1.4rem,4vw,1.8rem); margin-bottom:6px; display:flex; align-items:center; gap:10px;}
.modal h2 i{font-size:clamp(1.2rem,3vw,1.6rem);}
.modal p{color:#6e6e73; margin-bottom:20px; font-size:clamp(.95rem,1.6vw,1.05rem);}
.modal .consent-section{background:#f5f7fa; border-radius:16px; padding:16px 20px; margin:12px 0 20px; border-left:4px solid #0071e3;}
.modal .consent-section label{display:flex; align-items:flex-start; gap:12px; font-weight:500; cursor:pointer; font-size:clamp(.95rem,1.5vw,1.05rem); color:#1d1d1f;}
.modal .consent-section input[type="checkbox"]{width:20px; height:20px; margin-top:2px; accent-color:#0071e3; flex-shrink:0; cursor:pointer;}
.modal .consent-section a{color:#0071e3; text-decoration:underline; font-weight:500;}
.modal .tally-iframe-wrapper{width:100%; min-height:500px; margin-top:12px; border:1px solid #e8e8ed; border-radius:16px; overflow:hidden; display:none;}
.modal .tally-iframe-wrapper iframe{width:100%; height:550px; border:0; display:block;}
.form-group{margin-bottom:18px;}
.form-group label{display:block; font-weight:500; font-size:clamp(.85rem,1.6vw,.9rem); margin-bottom:4px; color:#1d1d1f;}
.form-group input, .form-group select, .form-group textarea{width:100%; padding:14px 16px; min-height:52px; border:1.5px solid #d2d2d7; border-radius:14px; font-size:clamp(1rem,1.8vw,1.05rem); background:#f9f9fb; transition:border-color .2s,box-shadow .2s; font-family:inherit; appearance:auto;}
.form-group textarea{min-height:80px; resize:vertical;}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus{outline:none; border-color:#0071e3; box-shadow:0 0 0 4px rgba(0,113,227,0.12); background:#fff;}
.page{display:none; width:100%; animation:fadeUp .3s ease;}
.page.active{display:block;}
.form-page{background:rgba(255,255,255,0.95); backdrop-filter:blur(4px); padding:clamp(32px,6vh,56px) 0 clamp(40px,8vh,64px); min-height:80vh;}
.form-page .container{max-width:1300px;}
.form-page-header{display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-bottom:24px; padding-bottom:16px; border-bottom:2px solid #e8e8ed;}
.form-page-header .back-btn{background:none; border:none; font-size:1.4rem; color:#0071e3; cursor:pointer; padding:8px 12px; border-radius:40px; transition:background .15s;}
.form-page-header .back-btn:hover{background:rgba(0,113,227,0.08);}
.form-page-header h2{margin-bottom:0; font-size:clamp(1.4rem,4vw,1.9rem); flex:1;}
.form-page-header .badge-afs{background:#e3f2fd; color:#0d47a1; padding:4px 14px; border-radius:40px; font-size:.75rem; font-weight:600; letter-spacing:.02em;}
.form-card{background:#fff; border-radius:24px; padding:clamp(24px,4vw,40px); box-shadow:0 4px 20px rgba(0,0,0,0.04); border:1px solid #e8e8ed;}
.site-footer{padding:clamp(24px,4vh,32px) 0 clamp(18px,3vh,24px); border-top:1px solid rgba(255,255,255,0.15); text-align:center; color:#c0c0c5; font-size:clamp(.8rem,1.4vw,.9rem); background:rgba(0,0,0,0.4); backdrop-filter:blur(4px); margin-top:auto;}
.site-footer a{color:#7ab7ff; text-decoration:none;}
.site-footer a:hover{color:#fff;}
.float-btn{position:fixed; bottom:30px; right:30px; z-index:1000; background:#0071e3; color:#fff; border:none; border-radius:50%; width:60px; height:60px; font-size:28px; box-shadow:0 4px 16px rgba(0,113,227,0.4); cursor:pointer; transition:transform .2s, box-shadow .2s; display:flex; align-items:center; justify-content:center; touch-action:manipulation;}
.float-btn:hover{transform:scale(1.05); box-shadow:0 6px 24px rgba(0,113,227,0.5);}
.float-btn:active{transform:scale(0.95);}
@media (max-width:480px){.float-btn{width:50px; height:50px; font-size:22px; bottom:20px; right:20px;}}
.policy-content{max-width:800px; margin:0 auto;}
.policy-content h2{margin-top:1.5rem; font-size:clamp(1.2rem,3vw,1.5rem);}
.policy-content h3{margin-top:1.2rem; font-size:clamp(1rem,2.5vw,1.2rem);}
.policy-content p, .policy-content ul{margin-bottom:0.8rem; line-height:1.7;}
.policy-content ul{padding-left:1.5rem;}
.policy-content ul li{margin-bottom:0.3rem;}
@media (max-width:768px){.header-inner{flex-direction:column; align-items:stretch; gap:6px;}
.nav-links{justify-content:center;}
.modal .tally-iframe-wrapper iframe{height:450px;}}
:root{--navy:#071426; --navy2:#0b2442; --blue:#0a73e8; --green:#16865c; --ink:#132033; --muted:#5f6b7a; --surface:#f4f7fb;}
html{scroll-behavior:smooth;}
body{background:var(--navy);}
.site-header{background:rgba(7,20,38,.88); border-bottom:1px solid rgba(255,255,255,.12);}
.hero{max-width:980px; padding-top:clamp(20px,4vh,48px);}
.hero h1{font-size:clamp(2.35rem,7vw,4.5rem); max-width:950px; margin-left:auto; margin-right:auto;}
.faq-list{max-width:850px; margin:0 auto; display:grid; gap:12px;}
details.faq{background:#fff; border:1px solid #dde5ef; border-radius:16px; padding:0 20px;}
details.faq summary{cursor:pointer; font-weight:700; padding:18px 34px 18px 0; position:relative; list-style:none;}
details.faq summary::-webkit-details-marker{display:none;}
details.faq summary:after{content:"+"; position:absolute; right:0; top:13px; font-size:1.6rem; color:var(--blue);}
details.faq[open] summary:after{content:"--";}
details.faq p{color:var(--muted); padding:0 0 18px;}
.show-mobile{display:none;}
@media (max-width:640px){.hide-mobile{display:none}
.show-mobile{display:inline}
.nav-links{display:none}}
.classifier-lead{font-size:clamp(1rem,2vw,1.15rem); line-height:1.6; margin:10px 0 14px;}
@supports (content-visibility:auto){.page.active .section:not(:first-of-type), .page.active .documentation-info{content-visibility:auto; contain-intrinsic-size:1px 700px;}}
@media (prefers-reduced-motion:reduce){*, *:before, *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.cookie-banner{position:fixed; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.85); backdrop-filter:blur(6px); color:#fff; padding:16px 24px; z-index:9999; display:none; flex-wrap:wrap; align-items:center; justify-content:center; gap:12px 24px; border-top:1px solid rgba(255,255,255,0.15);}
.cookie-banner p{font-size:0.95rem; margin:0; max-width:700px;}
.cookie-banner a{color:#7ab7ff; text-decoration:underline;}
.cookie-banner .btn-cookie{background:#0071e3; color:#fff; border:none; padding:8px 24px; border-radius:30px; font-weight:600; cursor:pointer; transition:background .2s;}
.cookie-banner .btn-cookie:hover{background:#005bbf;}
.cookie-banner .btn-cookie.decline{background:transparent; border:1px solid rgba(255,255,255,0.4); color:#ccc;}
.cookie-banner .btn-cookie.decline:hover{background:rgba(255,255,255,0.1);}
.spinner{display:inline-block; width:1.2rem; height:1.2rem; border:2px solid rgba(255,255,255,0.3); border-radius:50%; border-top-color:#fff; animation:spin .6s linear infinite;}
@keyframes spin{to { transform:rotate(360deg); }}
/* TRYCKKOLLEN FORTLOPANDE PAGE V1 */
#page-fortlopande{background:#f3f7fb;color:#15263a;min-height:100vh;padding:0 0 72px}
#page-fortlopande .container{max-width:1240px;padding:0 20px}
#page-fortlopande .form-page-header{background:#fff;border:1px solid #dbe5ef;border-radius:16px;margin:18px auto 14px;padding:14px 18px;box-shadow:0 8px 28px rgba(12,42,72,.08)}
#page-fortlopande .ft-app{--navy:#063b68;--blue:#0879c9;--blue2:#e9f5ff;--ink:#14283d;--muted:#5e7185;--line:#d8e3ed;--soft:#f6f9fc;--green:#147d52;--green2:#e9f8f1;--amber:#a75d00;--amber2:#fff5df;--red:#b42318;--red2:#fff0ee;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#page-fortlopande .ft-app *{box-sizing:border-box}
#page-fortlopande .ft-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#052f55 0%,#075f9d 62%,#0c83cd 100%);border-radius:22px;padding:clamp(24px,5vw,46px);color:#fff;box-shadow:0 18px 42px rgba(5,48,86,.2);margin-bottom:18px}
#page-fortlopande .ft-hero:after{content:"";position:absolute;width:290px;height:290px;border:46px solid rgba(255,255,255,.08);border-radius:50%;right:-92px;top:-115px}
#page-fortlopande .ft-hero>*{position:relative;z-index:1}
#page-fortlopande .ft-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.26);padding:7px 11px;border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
#page-fortlopande .ft-hero h1{color:#fff;font-size:clamp(2rem,5vw,3.35rem);line-height:1.03;margin:14px 0 12px;max-width:800px;letter-spacing:-.04em}
#page-fortlopande .ft-hero p{font-size:clamp(1rem,2vw,1.18rem);line-height:1.55;max-width:780px;color:#eaf6ff;margin:0}
#page-fortlopande .ft-hero-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
#page-fortlopande .ft-hero-points span{display:inline-flex;align-items:center;gap:7px;background:#fff;color:#173650;padding:9px 12px;border-radius:10px;font-size:.88rem;font-weight:750}
#page-fortlopande .ft-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
#page-fortlopande .ft-universal{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;margin-bottom:18px;box-shadow:0 8px 24px rgba(17,49,78,.07)}
#page-fortlopande .ft-universal-copy>span{display:inline-block;color:var(--blue);background:var(--blue2);border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
#page-fortlopande .ft-universal-copy h2{color:var(--navy);font-size:1.22rem;line-height:1.2;margin:9px 0 7px}
#page-fortlopande .ft-universal-copy p{color:var(--muted);font-size:.84rem;line-height:1.5;margin:0}
#page-fortlopande .ft-universal-gallery{display:grid;grid-template-columns:repeat(6,minmax(80px,1fr));gap:8px}
#page-fortlopande .ft-universal-gallery figure{margin:0;min-width:0;border:1px solid #d6e5ef;background:linear-gradient(150deg,#f7fcff,#eaf6fd);border-radius:13px;padding:9px 6px 7px;text-align:center;color:#196f9f}
#page-fortlopande .ft-universal-gallery figure:nth-child(2n){color:#0879c9;background:linear-gradient(150deg,#f8fbff,#eef1ff)}
#page-fortlopande .ft-universal-gallery svg{display:block;width:100%;height:58px;overflow:visible}
#page-fortlopande .ft-universal-gallery svg>*{fill:#dceff9;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
#page-fortlopande .ft-universal-gallery svg circle{fill:#fff}
#page-fortlopande .ft-universal-gallery svg .ft-hot{fill:#ffad63;stroke:#d56719}
#page-fortlopande .ft-universal-gallery figcaption{color:#294b66;font-size:.69rem;font-weight:850;line-height:1.15;margin-top:3px}
#page-fortlopande .ft-savebar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:11px 14px;margin-bottom:18px;box-shadow:0 5px 18px rgba(17,49,78,.06)}
#page-fortlopande .ft-save-status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.87rem}
#page-fortlopande .ft-save-dot{width:9px;height:9px;border-radius:50%;background:#7b8da0;box-shadow:0 0 0 4px #edf2f6}
#page-fortlopande .ft-save-status.is-saved .ft-save-dot{background:var(--green);box-shadow:0 0 0 4px #dff3e9}
#page-fortlopande .ft-link-button{border:0;background:transparent;color:var(--blue);font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:7px}
#page-fortlopande .ft-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;align-items:start}
#page-fortlopande .ft-sidebar{position:sticky;top:92px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 10px 30px rgba(17,49,78,.08)}
#page-fortlopande .ft-sidebar h2{font-size:1rem;margin:2px 5px 12px;color:var(--navy)}
#page-fortlopande .ft-progress-list{display:grid;gap:6px;list-style:none;margin:0;padding:0}
#page-fortlopande .ft-progress-item{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:center;border:0;background:transparent;width:100%;text-align:left;padding:9px;border-radius:11px;color:#52677a;cursor:pointer;font:inherit}
#page-fortlopande .ft-progress-item:hover{background:#f2f7fb}
#page-fortlopande .ft-progress-item[aria-current="step"]{background:var(--blue2);color:var(--navy);font-weight:800}
#page-fortlopande .ft-progress-item.is-done{color:var(--green)}
#page-fortlopande .ft-progress-number{width:30px;height:30px;border:2px solid #cbd8e3;border-radius:50%;display:grid;place-items:center;font-size:.8rem;font-weight:900;background:#fff}
#page-fortlopande .ft-progress-item[aria-current="step"] .ft-progress-number{border-color:var(--blue);background:var(--blue);color:#fff}
#page-fortlopande .ft-progress-item.is-done .ft-progress-number{border-color:var(--green);background:var(--green);color:#fff}
#page-fortlopande .ft-side-note{border-top:1px solid var(--line);margin-top:14px;padding:14px 7px 2px;color:var(--muted);font-size:.78rem;line-height:1.5}
#page-fortlopande .ft-main{min-width:0}
#page-fortlopande .ft-step{display:none;background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(18px,4vw,34px);box-shadow:0 12px 34px rgba(17,49,78,.08)}
#page-fortlopande .ft-step.is-active{display:block;animation:ftFade .2s ease-out}
@keyframes ftFade{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:none}}
#page-fortlopande .ft-step-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:24px}
#page-fortlopande .ft-step-badge{flex:0 0 auto;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--blue2);color:var(--blue);font-weight:900;font-size:1.05rem}
#page-fortlopande .ft-step-head h2{font-size:clamp(1.45rem,3vw,2rem);line-height:1.15;margin:0 0 7px;color:var(--navy)}
#page-fortlopande .ft-step-head p{margin:0;color:var(--muted);line-height:1.55}
#page-fortlopande .ft-callout{display:flex;gap:12px;align-items:flex-start;border:1px solid #bedcf2;background:#eef8ff;border-radius:14px;padding:14px 15px;color:#254863;margin:0 0 20px;font-size:.9rem;line-height:1.5}
#page-fortlopande .ft-callout i{color:var(--blue);margin-top:3px}
#page-fortlopande .ft-callout.ft-warn{border-color:#f4d8a1;background:var(--amber2);color:#68420b}
#page-fortlopande .ft-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#page-fortlopande .ft-field{min-width:0}
#page-fortlopande .ft-field.ft-span-2{grid-column:1/-1}
#page-fortlopande .ft-field label,#page-fortlopande .ft-label{display:block;color:#213a52;font-size:.9rem;font-weight:800;margin:0 0 7px}
#page-fortlopande .ft-help{display:block;color:#718294;font-size:.78rem;line-height:1.42;margin-top:6px}
#page-fortlopande .ft-field input,#page-fortlopande .ft-field select,#page-fortlopande .ft-field textarea{width:100%;border:1.5px solid #bdccd9;border-radius:11px;background:#fff;color:#14283d;padding:12px 13px;min-height:48px;font:inherit;font-size:16px;line-height:1.35;transition:border .16s,box-shadow .16s}
#page-fortlopande .ft-field textarea{min-height:96px;resize:vertical}
#page-fortlopande .ft-field input:focus,#page-fortlopande .ft-field select:focus,#page-fortlopande .ft-field textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 4px rgba(8,121,201,.12)}
#page-fortlopande .ft-section-title{display:flex;align-items:center;gap:9px;font-size:1.05rem;color:var(--navy);margin:26px 0 14px;padding-top:20px;border-top:1px solid var(--line)}
#page-fortlopande .ft-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:18px}
#page-fortlopande .ft-type-card{position:relative;border:2px solid #d7e3ec;background:#fbfdff;border-radius:14px;padding:11px 9px 10px;min-height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#1678b8;cursor:pointer;font:inherit;font-weight:800;text-align:center;transition:.16s}
#page-fortlopande .ft-type-card:hover{border-color:#86bde2;transform:translateY(-2px);box-shadow:0 8px 20px rgba(9,86,137,.1)}
#page-fortlopande .ft-type-card.is-selected{border-color:var(--blue);background:var(--blue2);color:var(--navy);box-shadow:0 0 0 3px rgba(8,121,201,.1)}
#page-fortlopande .ft-type-card svg{width:70px;height:58px;overflow:visible}
#page-fortlopande .ft-type-card svg>*{fill:#dff1fb;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
#page-fortlopande .ft-type-card svg circle{fill:#fff}
#page-fortlopande .ft-type-card svg .ft-hot{fill:#ff9d45;stroke:#d45c10}
#page-fortlopande .ft-type-card span{color:#244059;font-size:.82rem;line-height:1.2}
#page-fortlopande .ft-device-guide{display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px;align-items:center;background:linear-gradient(135deg,#eef8ff,#f8fbfe);border:1px solid #cbe3f4;border-radius:16px;padding:17px;margin:4px 0 20px}
#page-fortlopande .ft-device-visual{height:170px;border-radius:14px;background:#fff;display:grid;place-items:center;border:1px solid #dce9f2;overflow:hidden}
#page-fortlopande .ft-device-visual svg{width:92%;height:92%}
#page-fortlopande .ft-device-guide h3{margin:0 0 7px;color:var(--navy);font-size:1.12rem}
#page-fortlopande .ft-device-guide p{color:var(--muted);line-height:1.5;margin:0}
#page-fortlopande .ft-device-guide ul{margin:8px 0 0;padding-left:19px;color:#476075;font-size:.88rem;line-height:1.55}
#page-fortlopande .ft-check-list{display:grid;gap:13px}
#page-fortlopande .ft-group-banner{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;align-items:center;background:#f0f7fc;border-radius:14px;padding:12px 15px;margin:22px 0 12px;border-left:4px solid var(--blue)}
#page-fortlopande .ft-group-banner svg{width:80px;height:66px}
#page-fortlopande .ft-group-banner h3{margin:0 0 3px;color:var(--navy);font-size:1.05rem}
#page-fortlopande .ft-group-banner p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.45}
#page-fortlopande .ft-question{border:1px solid var(--line);border-radius:15px;padding:15px;background:#fbfdff}
#page-fortlopande .ft-question-head{display:grid;grid-template-columns:70px minmax(0,1fr);gap:14px;align-items:center;margin-bottom:12px}
#page-fortlopande .ft-question-visual{width:68px;height:58px;border-radius:12px;display:grid;place-items:center;background:var(--blue2);color:var(--blue);overflow:hidden}
#page-fortlopande .ft-question-visual svg{width:62px;height:52px}
#page-fortlopande .ft-question h3{font-size:.98rem;margin:1px 0 4px;color:#1b3851}
#page-fortlopande .ft-question p{font-size:.8rem;color:var(--muted);line-height:1.45;margin:0}
#page-fortlopande .ft-question select,#page-fortlopande .ft-question textarea{width:100%;border:1.5px solid #bdccd9;border-radius:10px;padding:10px 11px;min-height:45px;background:#fff;font:inherit;font-size:16px;color:#183047}
#page-fortlopande .ft-question textarea{min-height:76px;resize:vertical;margin-top:9px}
#page-fortlopande .ft-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px}
#page-fortlopande .ft-chip{border:1px solid #a9cbe4;background:#f4faff;color:#075f9d;border-radius:999px;padding:9px 12px;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer}
#page-fortlopande .ft-chip:hover{background:#dff1fd;border-color:#5fa7d8}
#page-fortlopande .ft-extra-list,#page-fortlopande .ft-deviation-list{display:grid;gap:14px}
#page-fortlopande .ft-extra-card,#page-fortlopande .ft-deviation-card{border:1px solid #cfdce7;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 5px 18px rgba(17,49,78,.06)}
#page-fortlopande .ft-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f2f7fb;padding:12px 14px;border-bottom:1px solid #dbe6ee}
#page-fortlopande .ft-card-head h3{font-size:.95rem;color:var(--navy);margin:0}
#page-fortlopande .ft-card-remove{border:0;background:#fff;color:var(--red);width:36px;height:36px;border-radius:9px;cursor:pointer;font-size:1rem;box-shadow:0 1px 4px rgba(0,0,0,.08)}
#page-fortlopande .ft-card-body{padding:15px}
#page-fortlopande .ft-empty{border:2px dashed #c9d8e4;border-radius:15px;padding:26px;text-align:center;color:var(--muted);background:#fafcfe}
#page-fortlopande .ft-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 20px}
#page-fortlopande .ft-stat{border:1px solid var(--line);border-radius:13px;padding:14px;background:#fbfdff;text-align:center}
#page-fortlopande .ft-stat strong{display:block;font-size:1.55rem;line-height:1;color:var(--navy);margin-bottom:5px}
#page-fortlopande .ft-stat span{font-size:.75rem;color:var(--muted);font-weight:700}
#page-fortlopande .ft-result-panel{border-radius:16px;padding:18px;margin-bottom:20px;border:1px solid #cfdde8;background:#f6fafc}
#page-fortlopande .ft-result-panel h3{margin:0 0 6px;color:var(--navy)}
#page-fortlopande .ft-result-panel p{margin:0;color:var(--muted);line-height:1.5}
#page-fortlopande .ft-result-panel.has-gaps{background:var(--amber2);border-color:#efcf8d}
#page-fortlopande .ft-result-panel.has-danger{background:var(--red2);border-color:#efb1ab}
#page-fortlopande .ft-checkline{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);padding:13px;border-radius:12px;background:#fbfdff;margin:14px 0}
#page-fortlopande .ft-checkline input{width:22px;height:22px;margin-top:1px;accent-color:var(--blue);flex:0 0 auto}
#page-fortlopande .ft-checkline label{font-size:.88rem;line-height:1.45;color:#294157;font-weight:700}
#page-fortlopande .ft-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}
#page-fortlopande .ft-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:11px;padding:11px 17px;border:1px solid transparent;font:inherit;font-size:.92rem;font-weight:850;cursor:pointer;transition:.16s;text-decoration:none}
#page-fortlopande .ft-btn:hover{transform:translateY(-1px)}
#page-fortlopande .ft-btn-example{background:#fff;color:#075282;box-shadow:0 8px 22px rgba(0,0,0,.18)}
#page-fortlopande .ft-btn-example:hover{background:#f0f9ff}
#page-fortlopande .ft-btn-hero{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.5)}
#page-fortlopande .ft-btn-hero:hover{background:rgba(255,255,255,.2)}
#page-fortlopande .ft-btn-primary{background:var(--blue);color:#fff;box-shadow:0 7px 18px rgba(8,121,201,.24)}
#page-fortlopande .ft-btn-primary:hover{background:#056caf}
#page-fortlopande .ft-btn-secondary{background:#fff;color:var(--navy);border-color:#b9cbd9}
#page-fortlopande .ft-btn-green{background:var(--green);color:#fff;box-shadow:0 7px 18px rgba(20,125,82,.22)}
#page-fortlopande .ft-btn-example-outline{background:#eef8ff;color:#075f9d;border-color:#9bc9e7}
#page-fortlopande .ft-btn[disabled]{opacity:.55;cursor:wait;transform:none}
#page-fortlopande .ft-inline-actions{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}
#page-fortlopande .ft-pdf-note{font-size:.79rem;color:var(--muted);line-height:1.5;margin-top:10px}
#page-fortlopande .ft-toast{position:fixed;right:18px;bottom:18px;z-index:9999;background:#102f49;color:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 12px 35px rgba(0,0,0,.28);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s;max-width:360px;font-size:.88rem}
#page-fortlopande .ft-toast.is-visible{opacity:1;transform:none}
@media(max-width:980px){#page-fortlopande .ft-universal{grid-template-columns:1fr}#page-fortlopande .ft-universal-gallery{grid-template-columns:repeat(6,1fr)}#page-fortlopande .ft-layout{grid-template-columns:1fr}#page-fortlopande .ft-sidebar{position:static;padding:10px;overflow-x:auto}#page-fortlopande .ft-sidebar h2,#page-fortlopande .ft-side-note{display:none}#page-fortlopande .ft-progress-list{display:flex;min-width:max-content;gap:5px}#page-fortlopande .ft-progress-item{width:auto;grid-template-columns:30px auto;padding:7px 9px}#page-fortlopande .ft-type-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:720px){#page-fortlopande{padding-bottom:38px}#page-fortlopande .container{padding:0 12px}#page-fortlopande .form-page-header{margin-top:10px;border-radius:13px}#page-fortlopande .ft-hero{border-radius:17px;padding:23px 18px}#page-fortlopande .ft-hero-points{display:grid;grid-template-columns:1fr 1fr}#page-fortlopande .ft-hero-points span{font-size:.76rem;padding:8px}#page-fortlopande .ft-hero-actions{display:grid}#page-fortlopande .ft-universal{padding:16px}#page-fortlopande .ft-universal-gallery{grid-template-columns:repeat(3,1fr)}#page-fortlopande .ft-savebar{align-items:flex-start}#page-fortlopande .ft-grid{grid-template-columns:1fr}#page-fortlopande .ft-field.ft-span-2{grid-column:auto}#page-fortlopande .ft-type-grid{grid-template-columns:repeat(2,1fr)}#page-fortlopande .ft-device-guide{grid-template-columns:1fr}#page-fortlopande .ft-device-visual{height:150px}#page-fortlopande .ft-summary-grid{grid-template-columns:1fr 1fr}#page-fortlopande .ft-nav{position:sticky;bottom:0;background:rgba(255,255,255,.96);z-index:20;margin-left:-18px;margin-right:-18px;padding:12px 18px;border-top:1px solid #cddce7;box-shadow:0 -8px 24px rgba(17,49,78,.1)}#page-fortlopande .ft-btn{min-height:50px}#page-fortlopande .ft-nav .ft-btn{flex:1}#page-fortlopande .ft-step{padding:20px 18px;border-radius:16px}#page-fortlopande .ft-group-banner{grid-template-columns:58px 1fr}#page-fortlopande .ft-group-banner svg{width:58px;height:52px}#page-fortlopande .ft-question-head{grid-template-columns:58px 1fr}#page-fortlopande .ft-question-visual{width:56px;height:50px}}
@media(max-width:430px){#page-fortlopande .ft-hero-points{grid-template-columns:1fr}#page-fortlopande .ft-step-head{gap:10px}#page-fortlopande .ft-step-badge{width:34px;height:34px;border-radius:10px}#page-fortlopande .ft-question{padding:12px}#page-fortlopande .ft-summary-grid{grid-template-columns:1fr 1fr}#page-fortlopande .ft-inline-actions{display:grid}#page-fortlopande .ft-inline-actions .ft-btn{width:100%}}
@media print{#page-fortlopande .ft-sidebar,#page-fortlopande .ft-savebar,#page-fortlopande .ft-nav,#page-fortlopande .form-page-header{display:none!important}#page-fortlopande .ft-layout{display:block}#page-fortlopande .ft-step{display:block;box-shadow:none;border:0;page-break-after:always}}
#page-riskbedomning .riskbedomning{--primary-color: #005a9c; --primary-light: #3a7eb4; --primary-dark: #003d73; --secondary-color: #e6f0fa; --accent-color: #c00000; --success-color: #28a745; --warning-color: #ffc107; --border-color: #d1dbe5; --text-color: #2c3e50; --text-light: #7f8c8d; --light-gray: #f8f9fa; --dark-gray: #6c757d; --white: #ffffff; --box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); --transition: all 0.3s ease;}
#page-riskbedomning .riskbedomning .tutorial-container{background: var(--white); border-radius: 12px; padding: 30px; box-shadow: var(--box-shadow); margin-bottom: 20px;}
#page-riskbedomning .riskbedomning .tutorial-header{display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; cursor: pointer;}
#page-riskbedomning .riskbedomning .tutorial-header h2{color: var(--primary-color); font-size: 1.8rem; display: flex; align-items: center; gap: 15px;}
#page-riskbedomning .riskbedomning .tutorial-content{display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px;}
#page-riskbedomning .riskbedomning .tutorial-step{background: var(--light-gray); border-radius: 10px; padding: 20px; box-shadow: 0 3px 8px rgba(0,0,0,0.05); transition: var(--transition);}
#page-riskbedomning .riskbedomning .tutorial-step:hover{transform: translateY(-5px); box-shadow: 0 8px 15px rgba(0,0,0,0.1);}
#page-riskbedomning .riskbedomning .tutorial-step h3{color: var(--primary-color); display: flex; align-items: center; gap: 10px; margin-bottom: 15px; font-size: 1.3rem;}
#page-riskbedomning .riskbedomning .tutorial-step p{margin-bottom: 15px;}
#page-riskbedomning .riskbedomning .step-number{background: var(--primary-color); color: white; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; flex-shrink:0;}
#page-riskbedomning .riskbedomning .content-wrapper{display: grid; grid-template-columns: 1fr; gap: 30px;}
@media (min-width: 992px){#page-riskbedomning .riskbedomning .content-wrapper{grid-template-columns: 1fr 1fr;}}
#page-riskbedomning .riskbedomning .form-section, #page-riskbedomning .riskbedomning .preview-section{background: var(--white); padding: 30px; border-radius: 12px; box-shadow: var(--box-shadow); transition: var(--transition);}
#page-riskbedomning .riskbedomning .form-section:hover, #page-riskbedomning .riskbedomning .preview-section:hover{transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);}
#page-riskbedomning .riskbedomning h2.section-title{color: var(--primary-color); margin-bottom: 25px; padding-bottom: 15px; border-bottom: 3px solid var(--secondary-color); font-size: 1.8rem; font-weight: 700; display: flex; align-items: center; gap: 12px;}
#page-riskbedomning .riskbedomning h2.section-title i{background: var(--secondary-color); width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--primary-color); font-size: 1.2rem;}
#page-riskbedomning .riskbedomning h3{color: var(--primary-color); margin: 25px 0 15px; font-size: 1.4rem; font-weight: 600; display: flex; align-items: center; gap: 10px;}
#page-riskbedomning .riskbedomning h3 i{color: var(--primary-light);}
#page-riskbedomning .riskbedomning .form-group{margin-bottom: 22px; position: relative;}
#page-riskbedomning .riskbedomning label{display: block; margin-bottom: 8px; font-weight: 600; color: var(--text-color); font-size: 1rem; display: flex; align-items: center; gap: 8px;}
#page-riskbedomning .riskbedomning .required label:after{content: "*"; color: var(--accent-color); margin-left: 4px;}
#page-riskbedomning .riskbedomning input, #page-riskbedomning .riskbedomning select, #page-riskbedomning .riskbedomning textarea{width: 100%; padding: 14px 18px; border: 2px solid var(--border-color); border-radius: 8px; font-size: 1rem; transition: var(--transition); background: var(--light-gray); color: var(--text-color);}
#page-riskbedomning .riskbedomning input:focus, #page-riskbedomning .riskbedomning select:focus, #page-riskbedomning .riskbedomning textarea:focus{outline: none; border-color: var(--primary-color); box-shadow: 0 0 0 3px rgba(0, 90, 156, 0.2); background: var(--white);}
#page-riskbedomning .riskbedomning .grid-2{display: grid; gap: 20px; grid-template-columns: 1fr;}
@media (min-width: 768px){#page-riskbedomning .riskbedomning .grid-2{grid-template-columns: 1fr 1fr;}}
#page-riskbedomning .riskbedomning .anordningar-container{margin-top: 30px;}
#page-riskbedomning .riskbedomning .anordning-item{background: linear-gradient(to bottom, #ffffff 0%, #f8f9fa 100%); padding: 25px; border-radius: 10px; margin-bottom: 25px; position: relative; border: 1px solid #e0e0e0; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05); transition: var(--transition);}
#page-riskbedomning .riskbedomning .anordning-item:hover{transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);}
#page-riskbedomning .riskbedomning .remove-btn{position: absolute; top: 20px; right: 20px; background: var(--accent-color); color: white; border: none; border-radius: 50%; width: 32px; height: 32px; cursor: pointer; font-weight: bold; font-size: 18px; display: flex; align-items: center; justify-content: center; transition: var(--transition); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
#page-riskbedomning .riskbedomning .remove-btn:hover{background: #a00000; transform: scale(1.1);}
#page-riskbedomning .riskbedomning .btn{display: inline-flex; align-items: center; justify-content: center; padding: 14px 28px; background: var(--primary-color); color: white; border: none; border-radius: 8px; cursor: pointer; font-size: 1rem; font-weight: 600; text-align: center; transition: var(--transition); margin-right: 12px; margin-top: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); gap: 8px;}
#page-riskbedomning .riskbedomning .btn:hover{background: var(--primary-dark); transform: translateY(-3px); box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);}
#page-riskbedomning .riskbedomning .btn i{font-size: 1.1rem;}
#page-riskbedomning .riskbedomning .btn-secondary{background: var(--dark-gray);}
#page-riskbedomning .riskbedomning .btn-secondary:hover{background: #5a6268;}
#page-riskbedomning .riskbedomning .btn-success{background: var(--success-color);}
#page-riskbedomning .riskbedomning .btn-success:hover{background: #218838;}
#page-riskbedomning .riskbedomning .btn-danger{background: var(--accent-color);}
#page-riskbedomning .riskbedomning .btn-danger:hover{background: #a00000;}
#page-riskbedomning .riskbedomning .preview-box{background: linear-gradient(to bottom, #f8f9fa 0%, #eef2f7 100%); padding: 25px; border-radius: 10px; min-height: 500px; font-size: 0.95rem; overflow: auto; max-height: 600px; border: 1px solid var(--border-color);}
#page-riskbedomning .riskbedomning .preview-header{background: var(--white); padding: 20px; border-radius: 8px; margin-bottom: 25px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05); border-left: 4px solid var(--primary-color);}
#page-riskbedomning .riskbedomning .preview-header h3{color: var(--primary-color); margin-top: 0; margin-bottom: 15px;}
#page-riskbedomning .riskbedomning .preview-header p{margin-bottom: 8px; display: flex; align-items: flex-start;}
#page-riskbedomning .riskbedomning .preview-header p strong{min-width: 160px; display: inline-block;}
#page-riskbedomning .riskbedomning .preview-table{width: 100%; border-collapse: collapse; margin-top: 15px; font-size: 0.9rem; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);}
#page-riskbedomning .riskbedomning .preview-table th{background: var(--primary-color); color: white; padding: 14px; text-align: left; position: sticky; top: 0; font-weight: 600;}
#page-riskbedomning .riskbedomning .preview-table td{border: 1px solid var(--border-color); padding: 12px; background-color: var(--white);}
#page-riskbedomning .riskbedomning .preview-table tr:nth-child(even) td{background-color: var(--light-gray);}
#page-riskbedomning .riskbedomning .info-box{background: linear-gradient(to bottom, #e8f4f8 0%, #d4e7f1 100%); border-left: 4px solid var(--primary-color); padding: 25px; margin: 25px 0; border-radius: 0 10px 10px 0;}
#page-riskbedomning .riskbedomning .info-box h4{margin-bottom: 15px; color: var(--primary-color); font-size: 1.3rem; display: flex; align-items: center; gap: 10px;}
#page-riskbedomning .riskbedomning .info-box ul{padding-left: 25px;}
#page-riskbedomning .riskbedomning .info-box li{margin-bottom: 10px; position: relative;}
#page-riskbedomning .riskbedomning .info-box li::before{content: "•"; color: var(--primary-color); font-weight: bold; position: absolute; left: -20px;}
#page-riskbedomning .riskbedomning .controls{display: flex; flex-wrap: wrap; gap: 15px; margin-top: 30px;}
#page-riskbedomning .riskbedomning .summary-box{background: linear-gradient(to bottom, #e2f0fb 0%, #d1e6f9 100%); border-radius: 10px; padding: 25px; margin-top: 25px; border-left: 4px solid var(--primary-color);}
#page-riskbedomning .riskbedomning .summary-box h4{color: var(--primary-color); margin-top: 0; margin-bottom: 20px; font-size: 1.3rem; display: flex; align-items: center; gap: 10px;}
#page-riskbedomning .riskbedomning .summary-stats{display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 18px; text-align: center;}
#page-riskbedomning .riskbedomning .stat-item{background: var(--white); padding: 20px; border-radius: 10px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05); transition: var(--transition);}
#page-riskbedomning .riskbedomning .stat-item:hover{transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}
#page-riskbedomning .riskbedomning .stat-value{font-size: 2.2rem; font-weight: 700; color: var(--primary-color); margin: 10px 0; line-height: 1.2;}
#page-riskbedomning .riskbedomning .stat-label{color: var(--dark-gray); font-size: 1rem;}
#page-riskbedomning .riskbedomning .risk-level{display: inline-block; padding: 5px 10px; border-radius: 5px; font-weight: bold; margin-top: 5px;}
#page-riskbedomning .riskbedomning .risk-low{background-color: #d4edda; color: #155724;}
#page-riskbedomning .riskbedomning .risk-medium{background-color: #fff3cd; color: #856404;}
#page-riskbedomning .riskbedomning .risk-high{background-color: #f8d7da; color: #721c24;}
#page-riskbedomning .riskbedomning .risk-critical{background-color: #721c24; color: white;}
#page-riskbedomning .riskbedomning .section-title{display: flex; align-items: center; margin: 30px 0 20px; padding-bottom: 10px; border-bottom: 2px solid var(--secondary-color);}
#page-riskbedomning .riskbedomning .section-title i{background: var(--primary-color); color: white; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px;}
#page-riskbedomning .riskbedomning .tutorial-toggle{background: none; border: none; color: var(--primary-color); font-size: 1.5rem; cursor: pointer; transition: var(--transition);}
#page-riskbedomning .riskbedomning .tutorial-toggle:hover{transform: rotate(90deg);}
@media (max-width: 768px){#page-riskbedomning .riskbedomning .container{padding: 15px; gap: 15px;}
#page-riskbedomning .riskbedomning header{padding: 25px 20px;}
#page-riskbedomning .riskbedomning header h1{font-size: 1.8rem;}
#page-riskbedomning .riskbedomning .form-section, #page-riskbedomning .riskbedomning .preview-section{padding: 20px;}
#page-riskbedomning .riskbedomning h2.section-title{font-size: 1.5rem;}
#page-riskbedomning .riskbedomning .controls{flex-direction: column;}
#page-riskbedomning .riskbedomning .btn{width: 100%; margin: 5px 0;}
#page-riskbedomning .riskbedomning .summary-stats{grid-template-columns: 1fr 1fr;}}
@media (max-width: 480px){#page-riskbedomning .riskbedomning .grid-2{grid-template-columns: 1fr;}
#page-riskbedomning .riskbedomning .summary-stats{grid-template-columns: 1fr;}
#page-riskbedomning .riskbedomning .preview-box{padding: 15px;}
#page-riskbedomning .riskbedomning .anordning-item{padding: 20px;}}
#page-riskbedomning .riskbedomning .preview-box::-webkit-scrollbar{width: 10px;}
#page-riskbedomning .riskbedomning .preview-box::-webkit-scrollbar-track{background: #f1f1f1; border-radius: 10px;}
#page-riskbedomning .riskbedomning .preview-box::-webkit-scrollbar-thumb{background: var(--primary-light); border-radius: 10px;}
#page-riskbedomning .riskbedomning .preview-box::-webkit-scrollbar-thumb:hover{background: var(--primary-color);}
#page-riskbedomning .riskbedomning .form-group i{position: absolute; right: 18px; top: 42px; color: var(--text-light); font-size: 1.1rem;}
/* TRYCKKOLLEN RISK PAGE V3 */
#page-riskbedomning{background:#f3f7fb;color:#15263a;min-height:100vh;padding:0 0 72px}
#page-riskbedomning .container{max-width:1240px;padding:0 20px}
#page-riskbedomning .form-page-header{background:#fff;border:1px solid #dbe5ef;border-radius:16px;margin:18px auto 14px;padding:14px 18px;box-shadow:0 8px 28px rgba(12,42,72,.08)}
#page-riskbedomning .rk-app{--navy:#063b68;--blue:#0879c9;--blue2:#e9f5ff;--ink:#14283d;--muted:#5e7185;--line:#d8e3ed;--soft:#f6f9fc;--green:#147d52;--green2:#e9f8f1;--amber:#a75d00;--amber2:#fff5df;--red:#b42318;--red2:#fff0ee;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#page-riskbedomning .rk-app *{box-sizing:border-box}
#page-riskbedomning .rk-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#052f55 0%,#075f9d 62%,#0c83cd 100%);border-radius:22px;padding:clamp(24px,5vw,46px);color:#fff;box-shadow:0 18px 42px rgba(5,48,86,.2);margin-bottom:18px}
#page-riskbedomning .rk-hero:after{content:"";position:absolute;width:290px;height:290px;border:46px solid rgba(255,255,255,.08);border-radius:50%;right:-92px;top:-115px}
#page-riskbedomning .rk-hero>*{position:relative;z-index:1}
#page-riskbedomning .rk-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.26);padding:7px 11px;border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
#page-riskbedomning .rk-hero h1{color:#fff;font-size:clamp(2rem,5vw,3.35rem);line-height:1.03;margin:14px 0 12px;max-width:780px;letter-spacing:-.04em}
#page-riskbedomning .rk-hero p{font-size:clamp(1rem,2vw,1.18rem);line-height:1.55;max-width:770px;color:#eaf6ff;margin:0}
#page-riskbedomning .rk-hero-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
#page-riskbedomning .rk-hero-points span{display:inline-flex;align-items:center;gap:7px;background:#fff;color:#173650;padding:9px 12px;border-radius:10px;font-size:.88rem;font-weight:750}
#page-riskbedomning .rk-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
#page-riskbedomning .rk-universal{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;margin-bottom:18px;box-shadow:0 8px 24px rgba(17,49,78,.07)}
#page-riskbedomning .rk-universal-copy>span{display:inline-block;color:#0879c9;background:#e9f5ff;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
#page-riskbedomning .rk-universal-copy h2{color:#063b68;font-size:1.22rem;line-height:1.2;margin:9px 0 7px}
#page-riskbedomning .rk-universal-copy p{color:#5e7185;font-size:.84rem;line-height:1.5;margin:0}
#page-riskbedomning .rk-universal-gallery{display:grid;grid-template-columns:repeat(6,minmax(80px,1fr));gap:8px}
#page-riskbedomning .rk-universal-gallery figure{margin:0;min-width:0;border:1px solid #d6e5ef;background:linear-gradient(150deg,#f7fcff,#eaf6fd);border-radius:13px;padding:9px 6px 7px;text-align:center;color:#196f9f}
#page-riskbedomning .rk-universal-gallery figure:nth-child(2n){color:#0879c9;background:linear-gradient(150deg,#f8fbff,#eef1ff)}
#page-riskbedomning .rk-universal-gallery svg{display:block;width:100%;height:58px;overflow:visible}
#page-riskbedomning .rk-universal-gallery svg>*{fill:#dceff9;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
#page-riskbedomning .rk-universal-gallery svg circle{fill:#fff}
#page-riskbedomning .rk-universal-gallery svg .rk-hot{fill:#ffad63;stroke:#d56719}
#page-riskbedomning .rk-universal-gallery figcaption{color:#294b66;font-size:.69rem;font-weight:850;line-height:1.15;margin-top:3px}
#page-riskbedomning .rk-savebar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:11px 14px;margin-bottom:18px;box-shadow:0 5px 18px rgba(17,49,78,.06)}
#page-riskbedomning .rk-save-status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.87rem}
#page-riskbedomning .rk-save-dot{width:9px;height:9px;border-radius:50%;background:#7b8da0;box-shadow:0 0 0 4px #edf2f6}
#page-riskbedomning .rk-save-status.is-saved .rk-save-dot{background:var(--green);box-shadow:0 0 0 4px #dff3e9}
#page-riskbedomning .rk-link-button{border:0;background:transparent;color:var(--blue);font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:7px}
#page-riskbedomning .rk-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;align-items:start}
#page-riskbedomning .rk-sidebar{position:sticky;top:92px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 10px 30px rgba(17,49,78,.08)}
#page-riskbedomning .rk-sidebar h2{font-size:1rem;margin:2px 5px 12px;color:var(--navy)}
#page-riskbedomning .rk-progress-list{display:grid;gap:6px;list-style:none;margin:0;padding:0}
#page-riskbedomning .rk-progress-item{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:center;border:0;background:transparent;width:100%;text-align:left;padding:9px;border-radius:11px;color:#52677a;cursor:pointer;font:inherit}
#page-riskbedomning .rk-progress-item:hover{background:#f2f7fb}
#page-riskbedomning .rk-progress-item[aria-current="step"]{background:var(--blue2);color:var(--navy);font-weight:800}
#page-riskbedomning .rk-progress-item.is-done{color:var(--green)}
#page-riskbedomning .rk-progress-number{width:30px;height:30px;border:2px solid #cbd8e3;border-radius:50%;display:grid;place-items:center;font-size:.8rem;font-weight:900;background:#fff}
#page-riskbedomning .rk-progress-item[aria-current="step"] .rk-progress-number{border-color:var(--blue);background:var(--blue);color:#fff}
#page-riskbedomning .rk-progress-item.is-done .rk-progress-number{border-color:var(--green);background:var(--green);color:#fff}
#page-riskbedomning .rk-side-note{border-top:1px solid var(--line);margin-top:14px;padding:14px 7px 2px;color:var(--muted);font-size:.78rem;line-height:1.5}
#page-riskbedomning .rk-main{min-width:0}
#page-riskbedomning .rk-step{display:none;background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(18px,4vw,34px);box-shadow:0 12px 34px rgba(17,49,78,.08)}
#page-riskbedomning .rk-step.is-active{display:block;animation:rkFade .2s ease-out}
@keyframes rkFade{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:none}}
#page-riskbedomning .rk-step-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:24px}
#page-riskbedomning .rk-step-badge{flex:0 0 auto;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--blue2);color:var(--blue);font-weight:900;font-size:1.05rem}
#page-riskbedomning .rk-step-head h2{font-size:clamp(1.45rem,3vw,2rem);line-height:1.15;margin:0 0 7px;color:var(--navy)}
#page-riskbedomning .rk-step-head p{margin:0;color:var(--muted);line-height:1.55}
#page-riskbedomning .rk-callout{display:flex;gap:12px;align-items:flex-start;border:1px solid #bedcf2;background:#eef8ff;border-radius:14px;padding:14px 15px;color:#254863;margin:0 0 20px;font-size:.9rem;line-height:1.5}
#page-riskbedomning .rk-callout i{color:var(--blue);margin-top:3px}
#page-riskbedomning .rk-callout.rk-warn{border-color:#f4d8a1;background:var(--amber2);color:#68420b}
#page-riskbedomning .rk-callout.rk-danger{border-color:#f0b6b1;background:var(--red2);color:#79251f}
#page-riskbedomning .rk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#page-riskbedomning .rk-grid.rk-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#page-riskbedomning .rk-field{min-width:0}
#page-riskbedomning .rk-field.rk-span-2{grid-column:1/-1}
#page-riskbedomning .rk-field label,#page-riskbedomning .rk-label{display:block;color:#213a52;font-size:.9rem;font-weight:800;margin:0 0 7px}
#page-riskbedomning .rk-help{display:block;color:#718294;font-size:.78rem;line-height:1.42;margin-top:6px}
#page-riskbedomning .rk-field input,#page-riskbedomning .rk-field select,#page-riskbedomning .rk-field textarea,#page-riskbedomning .rk-input{width:100%;border:1.5px solid #bdccd9;border-radius:11px;background:#fff;color:#14283d;padding:12px 13px;min-height:48px;font:inherit;font-size:16px;line-height:1.35;transition:border .16s,box-shadow .16s}
#page-riskbedomning .rk-field textarea{min-height:96px;resize:vertical}
#page-riskbedomning .rk-field input:focus,#page-riskbedomning .rk-field select:focus,#page-riskbedomning .rk-field textarea:focus,#page-riskbedomning .rk-input:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 4px rgba(8,121,201,.12)}
#page-riskbedomning .rk-section-title{display:flex;align-items:center;gap:9px;font-size:1.05rem;color:var(--navy);margin:26px 0 14px;padding-top:20px;border-top:1px solid var(--line)}
#page-riskbedomning .rk-section-title:first-of-type{border-top:0;padding-top:0}
#page-riskbedomning .rk-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:18px}
#page-riskbedomning .rk-type-card{position:relative;border:2px solid #d7e3ec;background:#fbfdff;border-radius:14px;padding:11px 9px 10px;min-height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#244059;cursor:pointer;font:inherit;font-weight:800;text-align:center;transition:.16s}
#page-riskbedomning .rk-type-card:hover{border-color:#86bde2;transform:translateY(-2px);box-shadow:0 8px 20px rgba(9,86,137,.1)}
#page-riskbedomning .rk-type-card.is-selected{border-color:var(--blue);background:var(--blue2);color:var(--navy);box-shadow:0 0 0 3px rgba(8,121,201,.1)}
#page-riskbedomning .rk-type-card svg{width:70px;height:58px;color:#1678b8;overflow:visible}
#page-riskbedomning .rk-type-card span{font-size:.82rem;line-height:1.2}
#page-riskbedomning .rk-device-guide{display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px;align-items:center;background:linear-gradient(135deg,#eef8ff,#f8fbfe);border:1px solid #cbe3f4;border-radius:16px;padding:17px;margin:4px 0 20px}
#page-riskbedomning .rk-device-visual{height:170px;border-radius:14px;background:#fff;display:grid;place-items:center;border:1px solid #dce9f2;overflow:hidden}
#page-riskbedomning .rk-device-visual svg{width:92%;height:92%}
#page-riskbedomning .rk-device-guide h3{margin:0 0 7px;color:var(--navy);font-size:1.12rem}
#page-riskbedomning .rk-device-guide ul{margin:8px 0 0;padding-left:19px;color:#476075;font-size:.88rem;line-height:1.55}
#page-riskbedomning .rk-history-list,#page-riskbedomning .rk-check-list{display:grid;gap:13px}
#page-riskbedomning .rk-question{border:1px solid var(--line);border-radius:15px;padding:15px;background:#fbfdff}
#page-riskbedomning .rk-question-head{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;margin-bottom:12px}
#page-riskbedomning .rk-question-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--blue2);color:var(--blue)}
#page-riskbedomning .rk-question h3{font-size:.98rem;margin:1px 0 4px;color:#1b3851}
#page-riskbedomning .rk-question p{font-size:.8rem;color:var(--muted);line-height:1.45;margin:0}
#page-riskbedomning .rk-question select{width:100%;border:1.5px solid #bdccd9;border-radius:10px;padding:10px 11px;min-height:45px;background:#fff;font:inherit;font-size:16px;color:#183047}
#page-riskbedomning .rk-question textarea{width:100%;border:1.5px solid #bdccd9;border-radius:10px;padding:11px;min-height:76px;resize:vertical;font:inherit;font-size:16px;margin-top:9px}
#page-riskbedomning .rk-group-banner{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;align-items:center;background:#f0f7fc;border-radius:14px;padding:12px 15px;margin:22px 0 12px;border-left:4px solid var(--blue)}
#page-riskbedomning .rk-group-banner svg{width:80px;height:66px}
#page-riskbedomning .rk-group-banner h3{margin:0 0 3px;color:var(--navy);font-size:1.05rem}
#page-riskbedomning .rk-group-banner p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.45}
#page-riskbedomning .rk-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px}
#page-riskbedomning .rk-chip{border:1px solid #a9cbe4;background:#f4faff;color:#075f9d;border-radius:999px;padding:9px 12px;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer}
#page-riskbedomning .rk-chip:hover{background:#dff1fd;border-color:#5fa7d8}
#page-riskbedomning .rk-risk-list{display:grid;gap:16px}
#page-riskbedomning .rk-risk-card{border:1px solid #cfdce7;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 5px 18px rgba(17,49,78,.06)}
#page-riskbedomning .rk-risk-head{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f2f7fb;padding:12px 14px;border-bottom:1px solid #dbe6ee}
#page-riskbedomning .rk-risk-head h3{font-size:.95rem;color:var(--navy);margin:0}
#page-riskbedomning .rk-risk-remove{border:0;background:#fff;color:var(--red);width:36px;height:36px;border-radius:9px;cursor:pointer;font-size:1rem;box-shadow:0 1px 4px rgba(0,0,0,.08)}
#page-riskbedomning .rk-risk-body{padding:15px}
#page-riskbedomning .rk-score-row{display:grid;grid-template-columns:1fr 1fr 180px;gap:12px;align-items:end}
#page-riskbedomning .rk-score{min-height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:8px;font-weight:900;text-align:center;border:1px solid #d5e0e9;background:#f4f7fa;color:#4d6275}
#page-riskbedomning .rk-score.low{background:#e5f7ee;color:#12643f;border-color:#a8dcc4}
#page-riskbedomning .rk-score.medium{background:#fff4d7;color:#80500a;border-color:#efd28e}
#page-riskbedomning .rk-score.high{background:#ffe5df;color:#9b2c20;border-color:#f2b2a8}
#page-riskbedomning .rk-score.critical{background:#a91d15;color:#fff;border-color:#8d160f}
#page-riskbedomning .rk-empty{border:2px dashed #c9d8e4;border-radius:15px;padding:26px;text-align:center;color:var(--muted);background:#fafcfe}
#page-riskbedomning .rk-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 20px}
#page-riskbedomning .rk-stat{border:1px solid var(--line);border-radius:13px;padding:14px;background:#fbfdff;text-align:center}
#page-riskbedomning .rk-stat strong{display:block;font-size:1.55rem;line-height:1;color:var(--navy);margin-bottom:5px}
#page-riskbedomning .rk-stat span{font-size:.75rem;color:var(--muted);font-weight:700}
#page-riskbedomning .rk-result-panel{border-radius:16px;padding:18px;margin-bottom:20px;border:1px solid #cfdde8;background:#f6fafc}
#page-riskbedomning .rk-result-panel h3{margin:0 0 6px;color:var(--navy)}
#page-riskbedomning .rk-result-panel p{margin:0;color:var(--muted);line-height:1.5}
#page-riskbedomning .rk-result-panel.has-gaps{background:var(--amber2);border-color:#efcf8d}
#page-riskbedomning .rk-result-panel.has-danger{background:var(--red2);border-color:#efb1ab}
#page-riskbedomning .rk-checkline{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);padding:13px;border-radius:12px;background:#fbfdff;margin:14px 0}
#page-riskbedomning .rk-checkline input{width:22px;height:22px;margin-top:1px;accent-color:var(--blue);flex:0 0 auto}
#page-riskbedomning .rk-checkline label{font-size:.88rem;line-height:1.45;color:#294157;font-weight:700}
#page-riskbedomning .rk-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}
#page-riskbedomning .rk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:11px;padding:11px 17px;border:1px solid transparent;font:inherit;font-size:.92rem;font-weight:850;cursor:pointer;transition:.16s;text-decoration:none}
#page-riskbedomning .rk-btn:hover{transform:translateY(-1px)}
#page-riskbedomning .rk-btn-example{background:#fff;color:#075282;box-shadow:0 8px 22px rgba(0,0,0,.18)}
#page-riskbedomning .rk-btn-example:hover{background:#f0f9ff}
#page-riskbedomning .rk-btn-hero{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.5)}
#page-riskbedomning .rk-btn-hero:hover{background:rgba(255,255,255,.2)}
#page-riskbedomning .rk-btn-example-outline{background:#eef8ff;color:#075f9d;border-color:#9bc9e7}
#page-riskbedomning .rk-btn-primary{background:var(--blue);color:#fff;box-shadow:0 7px 18px rgba(8,121,201,.24)}
#page-riskbedomning .rk-btn-primary:hover{background:#056caf}
#page-riskbedomning .rk-btn-secondary{background:#fff;color:var(--navy);border-color:#b9cbd9}
#page-riskbedomning .rk-btn-green{background:var(--green);color:#fff;box-shadow:0 7px 18px rgba(20,125,82,.22)}
#page-riskbedomning .rk-btn-danger{background:#fff;color:var(--red);border-color:#e5b1ad}
#page-riskbedomning .rk-btn[disabled]{opacity:.55;cursor:wait;transform:none}
#page-riskbedomning .rk-inline-actions{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}
#page-riskbedomning .rk-error{display:none;background:var(--red2);border:1px solid #efb1ab;color:#852a21;padding:11px 13px;border-radius:10px;margin:0 0 15px;font-size:.86rem;font-weight:750}
#page-riskbedomning .rk-error.is-visible{display:block}
#page-riskbedomning .rk-pdf-note{font-size:.79rem;color:var(--muted);line-height:1.5;margin-top:10px}
#page-riskbedomning .rk-toast{position:fixed;right:18px;bottom:18px;z-index:9999;background:#102f49;color:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 12px 35px rgba(0,0,0,.28);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s;max-width:360px;font-size:.88rem}
#page-riskbedomning .rk-toast.is-visible{opacity:1;transform:none}
@media(max-width:980px){#page-riskbedomning .rk-universal{grid-template-columns:1fr}#page-riskbedomning .rk-universal-gallery{grid-template-columns:repeat(6,1fr)}#page-riskbedomning .rk-layout{grid-template-columns:1fr}#page-riskbedomning .rk-sidebar{position:static;padding:10px;overflow-x:auto}#page-riskbedomning .rk-sidebar h2,#page-riskbedomning .rk-side-note{display:none}#page-riskbedomning .rk-progress-list{display:flex;min-width:max-content;gap:5px}#page-riskbedomning .rk-progress-item{width:auto;grid-template-columns:30px auto;padding:7px 9px}#page-riskbedomning .rk-type-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:720px){#page-riskbedomning{padding-bottom:38px}#page-riskbedomning .container{padding:0 12px}#page-riskbedomning .form-page-header{margin-top:10px;border-radius:13px}#page-riskbedomning .rk-hero{border-radius:17px;padding:23px 18px}#page-riskbedomning .rk-hero-points{display:grid;grid-template-columns:1fr 1fr}#page-riskbedomning .rk-hero-points span{font-size:.76rem;padding:8px}#page-riskbedomning .rk-hero-actions{display:grid}#page-riskbedomning .rk-universal{padding:16px}#page-riskbedomning .rk-universal-gallery{grid-template-columns:repeat(3,1fr)}#page-riskbedomning .rk-savebar{align-items:flex-start}#page-riskbedomning .rk-grid,#page-riskbedomning .rk-grid.rk-grid-3{grid-template-columns:1fr}#page-riskbedomning .rk-field.rk-span-2{grid-column:auto}#page-riskbedomning .rk-type-grid{grid-template-columns:repeat(2,1fr)}#page-riskbedomning .rk-device-guide{grid-template-columns:1fr}#page-riskbedomning .rk-device-visual{height:150px}#page-riskbedomning .rk-score-row{grid-template-columns:1fr 1fr}#page-riskbedomning .rk-score{grid-column:1/-1}#page-riskbedomning .rk-summary-grid{grid-template-columns:1fr 1fr}#page-riskbedomning .rk-nav{position:sticky;bottom:0;background:rgba(255,255,255,.96);z-index:20;margin-left:-18px;margin-right:-18px;padding:12px 18px;border-top:1px solid #cddce7;box-shadow:0 -8px 24px rgba(17,49,78,.1)}#page-riskbedomning .rk-btn{min-height:50px}#page-riskbedomning .rk-nav .rk-btn{flex:1}#page-riskbedomning .rk-step{padding:20px 18px;border-radius:16px}#page-riskbedomning .rk-group-banner{grid-template-columns:58px 1fr}#page-riskbedomning .rk-group-banner svg{width:58px;height:52px}}
@media(max-width:430px){#page-riskbedomning .rk-hero-points{grid-template-columns:1fr}#page-riskbedomning .rk-step-head{gap:10px}#page-riskbedomning .rk-step-badge{width:38px;height:38px;border-radius:10px}#page-riskbedomning .rk-question{padding:12px}#page-riskbedomning .rk-question-head{grid-template-columns:36px 1fr;gap:9px}#page-riskbedomning .rk-question-icon{width:36px;height:36px}#page-riskbedomning .rk-summary-grid{grid-template-columns:1fr 1fr}#page-riskbedomning .rk-inline-actions{display:grid}#page-riskbedomning .rk-inline-actions .rk-btn{width:100%}}
@media print{#page-riskbedomning .rk-sidebar,#page-riskbedomning .rk-savebar,#page-riskbedomning .rk-nav,#page-riskbedomning .form-page-header{display:none!important}#page-riskbedomning .rk-layout{display:block}#page-riskbedomning .rk-step{display:block;box-shadow:none;border:0;page-break-after:always}}
.classifier-promo{background:linear-gradient(135deg,#061a30 0%,#0b3159 55%,#0a73e8 130%);
      color:#fff;
      position:relative;
      overflow:hidden;}
.classifier-promo::before{content:"";
      position:absolute;
      width:420px;
      height:420px;
      border-radius:50%;
      right:-180px;
      top:-210px;
      background:rgba(255,255,255,.08);}
.classifier-promo-inner{position:relative;
      display:grid;
      grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
      gap:32px;
      align-items:center;}
.classifier-kicker{display:inline-flex;
      align-items:center;
      gap:8px;
      padding:6px 12px;
      border:1px solid rgba(255,255,255,.25);
      border-radius:999px;
      background:rgba(255,255,255,.08);
      font-size:.78rem;
      font-weight:700;
      letter-spacing:.04em;
      text-transform:uppercase;
      margin-bottom:14px;}
.classifier-promo h2{color:#fff; margin-bottom:12px;}
.classifier-promo p{color:#dbeaff; max-width:720px;}
.classifier-points{list-style:none;
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:10px 18px;
      margin:20px 0 24px;}
.classifier-points li{display:flex;
      gap:9px;
      align-items:flex-start;
      color:#eef6ff;
      font-size:.95rem;}
.classifier-points i{color:#70e0ad; margin-top:3px;}
.classifier-visual{background:rgba(255,255,255,.1);
      border:1px solid rgba(255,255,255,.18);
      border-radius:24px;
      padding:24px;
      backdrop-filter:blur(5px);
      box-shadow:0 18px 45px rgba(0,0,0,.2);}
.classifier-result-demo{background:#fff;
      color:#132033;
      border-radius:18px;
      padding:20px;
      text-align:center;}
.classifier-result-demo .class-letter{width:88px;
      height:88px;
      margin:0 auto 12px;
      display:grid;
      place-items:center;
      border-radius:50%;
      background:#fff0ee;
      border:5px solid #b42318;
      color:#b42318;
      font-size:2.6rem;
      font-weight:800;}
.classifier-result-demo strong{display:block; font-size:1.15rem;}
.classifier-result-demo span{color:#5f6b7a; font-size:.86rem;}
#page-klassning{background:#f4f7fb;
      min-height:100vh;
      padding:24px 0 56px;}
.classifier-page-shell{max-width:1320px; margin:0 auto; padding:0 18px;}
.classifier-page-top{display:flex;
      align-items:center;
      gap:14px;
      margin-bottom:18px;
      background:#fff;
      border:1px solid #dce5ef;
      border-radius:18px;
      padding:14px 18px;
      box-shadow:0 6px 20px rgba(7,20,38,.06);}
.classifier-page-top h2{margin:0; flex:1; font-size:clamp(1.25rem,3vw,1.8rem);}
.classifier-frame-wrap{background:#fff;
      border:1px solid #dce5ef;
      border-radius:24px;
      overflow:hidden;
      box-shadow:0 16px 45px rgba(7,20,38,.12);}
#classifierFrame{display:block;
      width:100%;
      min-height:2100px;
      border:0;
      background:#f4f7fb;}
@media (max-width:850px){.classifier-promo-inner{grid-template-columns:1fr}
.classifier-visual{max-width:500px;width:100%;margin:auto}}
@media (max-width:620px){.classifier-points{grid-template-columns:1fr}
.classifier-page-shell{padding:0 8px}
.classifier-page-top{padding:12px}
#classifierFrame{min-height:2700px}}
#page-forfragningsunderlag .guide-placeholder-shell{max-width:1220px;}
#page-forfragningsunderlag .guide-placeholder-card{width: 100%;
  max-width: 1180px;
  margin: 0 auto;}
#page-forfragningsunderlag .guide-placeholder-card h1{margin-bottom: 22px;}
#page-forfragningsunderlag .guide-placeholder-card h2{margin-top: 38px;
  margin-bottom: 14px;}
#page-forfragningsunderlag .guide-placeholder-card hr{border: 0;
  border-top: 1px solid #dfe6ee;
  margin: 38px 0;}
.tk-request-hero{position:relative;
  overflow:hidden;
  margin:-2px -2px 28px;
  padding:clamp(26px,5vw,54px);
  border-radius:22px;
  color:#fff;
  background:linear-gradient(135deg,#061a33 0%,#083f77 58%,#0877b9 100%);}
.tk-request-hero::after{content:"";
  position:absolute;
  width:310px;
  height:310px;
  right:-115px;
  top:-135px;
  border-radius:50%;
  background:rgba(255,255,255,.1);}
.tk-request-kicker{position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:14px;
  padding:7px 12px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:#d9efff;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;}
.tk-request-hero h1{position:relative;
  z-index:1;
  max-width:800px;
  margin:0 0 14px !important;
  color:#fff !important;
  font-size:clamp(2rem,5vw,3.65rem) !important;
  line-height:1.04;
  letter-spacing:-.04em;}
.tk-request-hero > p{position:relative;
  z-index:1;
  max-width:760px !important;
  margin:0 !important;
  color:#e8f4ff !important;
  font-size:clamp(1rem,2vw,1.18rem) !important;
  line-height:1.65 !important;}
.tk-request-trust{position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  margin-top:22px;}
.tk-request-trust span{display:inline-flex;
  align-items:center;
  gap:8px;
  color:#fff;
  font-size:.93rem;
  font-weight:750;}
.tk-request-trust i{color:#70e0ad;}
.tk-request-stagebar{display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:0 0 30px;
  padding:0;
  list-style:none;}
.tk-request-stagebar li{position:relative;
  min-width:0;
  padding:16px 14px 16px 52px;
  border:1px solid #dce6ef;
  border-radius:15px;
  background:#f8fbfe;
  color:#33455a;
  font-size:.9rem;
  line-height:1.4;}
.tk-request-stagebar b{display:block;
  color:#0b1d33;
  font-size:.96rem;}
.tk-request-stagebar em{position:absolute;
  left:13px;
  top:50%;
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  border-radius:50%;
  background:#0877b9;
  color:#fff;
  font-style:normal;
  font-weight:800;}
.tk-request-workbench{display:grid;
  grid-template-columns:minmax(300px,.88fr) minmax(360px,1.12fr);
  align-items:start;
  gap:clamp(22px,4vw,42px);
  margin-top:12px;}
.tk-request-calculator{padding:clamp(22px,3.5vw,34px);
  border-radius:22px;
  color:#fff;
  background:linear-gradient(155deg,#061a33 0%,#092e57 100%);
  box-shadow:0 18px 38px rgba(6,26,51,.18);}
.tk-request-step-label{display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
  color:#8bd0ff;
  font-size:.8rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;}
.tk-request-calculator h2{margin:0 0 10px !important;
  color:#fff;
  font-size:clamp(1.65rem,3vw,2.2rem);}
.tk-request-calculator > p{margin:0 0 22px;
  color:#cfdeed !important;
  font-size:.98rem !important;
  line-height:1.6 !important;}
.tk-request-fields{display:grid;
  gap:16px;}
.tk-request-field label{display:block;
  margin-bottom:7px;
  color:#fff;
  font-weight:750;}
.tk-request-field select,.tk-request-field input{width:100%;
  min-height:58px;
  padding:0 16px;
  border:2px solid transparent;
  border-radius:13px;
  outline:none;
  background:#fff;
  color:#0b1d33;
  font-size:1.08rem;
  font-weight:650;}
.tk-request-field select:focus,.tk-request-field input:focus{border-color:#52b9ff;
  box-shadow:0 0 0 4px rgba(82,185,255,.2);}
.tk-request-calc-button{width:100%;
  min-height:58px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:2px;
  border:0;
  border-radius:13px;
  background:#0b84ff;
  color:#fff;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 10px 22px rgba(0,113,227,.28);
  transition:transform .18s ease,background .18s ease;}
.tk-request-calc-button:hover{background:#2290ff;transform:translateY(-2px);}
.tk-request-result{margin-top:20px;
  padding:20px;
  border-radius:16px;
  background:#fff;
  color:#12263c;
  box-shadow:0 10px 26px rgba(0,0,0,.12);}
.tk-request-result small{display:block;
  margin-bottom:7px;
  color:#0877b9;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;}
.tk-request-window{color:#0b1d33;
  font-size:clamp(1.22rem,2.5vw,1.55rem);
  font-weight:850;
  line-height:1.35;}
.tk-request-stop{margin-top:15px;
  padding:13px 14px;
  border:1px solid #f4bbbb;
  border-radius:12px;
  background:#fff2f2;
  color:#a51f1f;
  font-size:.88rem;
  line-height:1.55;}
.tk-request-calc-note{display:flex;
  gap:10px;
  margin:17px 0 0 !important;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.14);
  color:#b8cadc !important;
  font-size:.82rem !important;
  line-height:1.55 !important;}
.tk-request-calc-note i{flex:0 0 auto;margin-top:3px;color:#8bd0ff;}
.tk-request-visual{margin:0;
  padding:12px;
  border:1px solid #dce6ef;
  border-radius:22px;
  background:#f4f7fb;
  box-shadow:0 14px 34px rgba(7,20,38,.1);}
.tk-request-visual img{display:block;
  width:100%;
  height:auto;
  border-radius:15px;
  background:#fff;}
.tk-request-sign-list{display:grid;
  gap:18px;}
.tk-request-sign-card{overflow:hidden;
  padding:10px;
  border:1px solid #d8e3ed;
  border-radius:17px;
  background:#fff;
  box-shadow:0 8px 22px rgba(7,20,38,.08);}
.tk-request-sign-card-header{display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:7px 7px 12px;}
.tk-request-sign-card-header strong{color:#0b1d33;
  font-size:1rem;}
.tk-request-sign-card-header span{max-width:65%;
  color:#5b6c7f;
  font-size:.8rem;
  line-height:1.4;
  text-align:right;}
.tk-request-sign-card img{border:1px solid #e3e9ef;
  border-radius:12px;}
.tk-request-visual figcaption{display:flex;
  align-items:flex-start;
  gap:10px;
  padding:14px 7px 4px;
  color:#44566b;
  font-size:.9rem;
  line-height:1.55;}
.tk-request-visual figcaption i{margin-top:3px;color:#0877b9;}
.tk-request-ready{margin:38px 0 0;
  padding:clamp(22px,4vw,36px);
  border:1px solid #dce6ef;
  border-radius:22px;
  background:#f8fbfe;}
.tk-request-ready-head{text-align:center;}
.tk-request-ready-head h2{margin:0 0 8px !important;
  color:#0b1d33;}
.tk-request-ready-head p{max-width:720px !important;
  margin:0 auto !important;
  color:#596a7c !important;
  font-size:.98rem !important;}
.tk-request-checks{display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:24px;}
.tk-request-check{display:flex;
  align-items:flex-start;
  gap:12px;
  min-width:0;
  padding:17px;
  border:1px solid #dce6ef;
  border-radius:15px;
  background:#fff;}
.tk-request-check > i{width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#e8f4ff;
  color:#0877b9;}
.tk-request-check b{display:block;color:#0b1d33;line-height:1.35;}
.tk-request-check span{display:block;
  margin-top:4px;
  color:#627184;
  font-size:.84rem;
  line-height:1.45;}
.tk-request-cta{display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:20px;
  margin-top:22px;
  padding:22px;
  border-radius:17px;
  background:linear-gradient(135deg,#0877b9,#0b69d1);
  color:#fff;}
.tk-request-cta h3{margin:0 0 5px;color:#fff;font-size:1.2rem;}
.tk-request-cta p{margin:0 !important;
  color:#dcefff !important;
  font-size:.9rem !important;
  line-height:1.5 !important;}
.tk-request-cta a{min-height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:0 21px;
  border-radius:13px;
  background:#fff;
  color:#075faa;
  font-weight:850;
  text-decoration:none;
  white-space:nowrap;
  box-shadow:0 8px 20px rgba(0,0,0,.15);
  transition:transform .18s ease,box-shadow .18s ease;}
.tk-request-cta a:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.2);}
.tk-request-after{margin:42px 0 0;
  padding-top:38px;
  border-top:1px solid #dfe6ee;
  text-align:center;}
.tk-request-after h2{margin:0 0 9px !important;color:#0b1d33;}
.tk-request-after > p{max-width:760px !important;margin:0 auto !important;color:#596a7c !important;}
.tk-request-after-steps{display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:22px;
  text-align:left;}
.tk-request-after-steps div{position:relative;
  padding:18px 16px 18px 52px;
  border:1px solid #dce6ef;
  border-radius:15px;
  background:#fff;}
.tk-request-after-steps em{position:absolute;
  left:14px;
  top:17px;
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#e8f4ff;
  color:#0877b9;
  font-style:normal;
  font-weight:850;}
.tk-request-after-steps b{display:block;color:#0b1d33;}
.tk-request-after-steps span{display:block;margin-top:4px;color:#627184;font-size:.85rem;line-height:1.45;}
.tk-request-controlorg-heading{margin:42px 0 0;}
.tk-request-controlorg-heading h2{margin:0 0 10px !important;color:#0b1d33;}
#page-forfragningsunderlag .tk-request-controlorg-heading .controlorg-intro{max-width:none;margin:0;}
@media (max-width:900px){.tk-request-stagebar{grid-template-columns:repeat(2,minmax(0,1fr));}
.tk-request-workbench{grid-template-columns:1fr;}
.tk-request-calculator{max-width:620px;width:100%;margin:0 auto;}
.tk-request-visual{max-width:700px;width:100%;margin:0 auto;}
.tk-request-checks,.tk-request-after-steps{grid-template-columns:1fr;}
.tk-request-cta{grid-template-columns:1fr;}
.tk-request-cta a{width:100%;white-space:normal;text-align:center;}}
@media (max-width:560px){#page-forfragningsunderlag .guide-placeholder-card{padding:12px;border-radius:17px;}
.tk-request-hero{padding:25px 20px;margin:0 0 20px;border-radius:15px;}
.tk-request-stagebar{grid-template-columns:1fr;gap:9px;}
.tk-request-workbench{gap:18px;}
.tk-request-calculator{padding:21px 17px;border-radius:17px;}
.tk-request-visual{padding:7px;border-radius:17px;}
.tk-request-visual img{border-radius:12px;}
.tk-request-ready{margin-top:24px;padding:20px 13px;border-radius:17px;}
.tk-request-check{padding:14px;}
.tk-request-cta{padding:18px 15px;}
.tk-request-after{margin-top:30px;padding-top:28px;}}
.forfragnings-steps{margin: 20px 0 24px;
  padding: 0;
  list-style: none;}
.forfragnings-steps li{display: flex;
  align-items: flex-start;
  gap: 11px;
  margin-bottom: 13px;
  line-height: 1.6;}
.forfragnings-steps li i{flex-shrink: 0;
  margin-top: 5px;
  color: #218739;}
.controlorg-intro{margin-bottom: 26px;}
.controlorg-grid{display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin-top: 28px;}
.controlorg-card{display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 24px;
  background: #ffffff;
  border: 1px solid #dfe6ee;
  border-radius: 18px;
  box-shadow: 0 8px 22px rgba(7, 20, 38, 0.06);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease;}
.controlorg-card:hover{transform: translateY(-4px);
  border-color: #b8d7f5;
  box-shadow: 0 16px 34px rgba(7, 20, 38, 0.11);}
.controlorg-card h3{margin: 0 0 15px;
  color: #071426;
  font-size: 1.18rem;
  line-height: 1.35;}
.controlorg-email{display: flex;
  align-items: flex-start;
  gap: 9px;
  margin: 0 0 15px;
  min-width: 0;}
.controlorg-email i{flex-shrink: 0;
  margin-top: 4px;
  color: #0071e3;}
.controlorg-email a{min-width: 0;
  color: #0066cc;
  font-weight: 600;
  text-decoration: none;
  overflow-wrap: anywhere;
  word-break: break-word;}
.controlorg-email a:hover{text-decoration: underline;}
.controlorg-services{margin: 4px 0 20px;
  padding: 0;
  list-style: none;}
.controlorg-services li{display: flex;
  align-items: flex-start;
  gap: 9px;
  margin-bottom: 9px;
  color: #273545;
  line-height: 1.5;}
.controlorg-services li i{flex-shrink: 0;
  margin-top: 4px;
  color: #218739;}
.controlorg-btn{display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 100%;
  margin-top: auto;
  padding: 13px 16px;
  color: #ffffff;
  background: #0071e3;
  border: 1px solid #0071e3;
  border-radius: 12px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;}
.controlorg-btn:hover{color: #ffffff;
  background: #005fbe;
  border-color: #005fbe;
  transform: translateY(-1px);}
.controlorg-disclaimer{display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-top: 30px;
  padding: 20px;
  background: #f6f8fa;
  border: 1px solid #dfe5eb;
  border-radius: 14px;
  color: #394756;
  font-size: 0.95rem;
  line-height: 1.65;}
.controlorg-disclaimer > i{flex-shrink: 0;
  margin-top: 4px;
  color: #596879;
  font-size: 1.2rem;}
.controlorg-disclaimer strong{color: #172433;}
.controlorg-extra-note{display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-top: 22px;
  padding: 19px 20px;
  background: #fff8e8;
  border: 1px solid #f0d99a;
  border-left: 5px solid #d99a00;
  border-radius: 14px;}
.controlorg-extra-note > i{flex-shrink: 0;
  margin-top: 4px;
  color: #b67c00;
  font-size: 1.2rem;}
.controlorg-extra-note strong{color: #493400;}
@media (max-width: 760px){.controlorg-grid{grid-template-columns: 1fr;}
.controlorg-card{padding: 20px;}
.controlorg-disclaimer, .controlorg-extra-note{padding: 17px;}}
@media (max-width: 480px){.controlorg-btn{padding: 12px 13px;
    font-size: 0.95rem;}
.controlorg-card h3{font-size: 1.1rem;}}
html, body{width:100%; max-width:100%;}
img, video, canvas, svg{max-width:100%; height:auto;}
iframe{max-width:100%;}
button, input, select, textarea{font:inherit;}
input[type="file"]{max-width:100%;}
.tally-iframe-wrapper{position:relative;
      width:100%;
      min-height:620px;
      background:#fff;
      overflow:visible;
      -webkit-overflow-scrolling:touch;}
.tally-iframe-wrapper iframe{display:block;
      width:100%;
      min-height:620px;
      height:70vh;
      max-height:820px;
      border:0;
      background:#fff;}
.tally-fallback{display:flex;
      flex-wrap:wrap;
      align-items:center;
      justify-content:center;
      gap:10px;
      margin-top:14px;
      padding:12px;
      border-radius:14px;
      background:#f5f8fc;
      border:1px solid #dce6f2;
      color:#405064;
      text-align:center;
      font-size:.9rem;}
.tally-fallback a{color:#006ad4; font-weight:700;}
@media (max-width: 1024px){.container{padding-left:20px; padding-right:20px;}
.modal{max-width:720px;}
.tally-iframe-wrapper, .tally-iframe-wrapper iframe{min-height:600px;}}
@media (max-width: 768px){.container{padding-left:16px; padding-right:16px;}
.modal-overlay{padding:0; align-items:stretch;}
.modal{width:100%; max-width:none; min-height:100dvh; max-height:100dvh; border-radius:0; padding:20px 14px 28px;}
.modal-close{top:4px;}
.tally-iframe-wrapper{min-height:65dvh; border-radius:12px;}
.tally-iframe-wrapper iframe{min-height:65dvh; height:65dvh; max-height:none;}
.form-section, .preview-section, .tutorial-container{padding:18px !important;}
table{display:block; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}}
@media (max-width: 480px){.container{padding-left:12px; padding-right:12px;}
h1{overflow-wrap:anywhere;}
.btn-primary, .btn-outline, .btn{width:100%; max-width:100%;}
.tally-fallback{align-items:stretch;}
.tally-fallback a{display:block; width:100%;}}
@media (min-width: 1600px){.container{max-width:1320px;}}
.classifier-mobile-continue{display:none}
@media (max-width:680px){body.classifier-continue-visible{padding-bottom:88px}
.classifier-mobile-continue{position:fixed;left:0;right:0;bottom:0;z-index:5000;
        display:block;padding:10px 14px max(10px,env(safe-area-inset-bottom));
        background:rgba(255,255,255,.97);border-top:1px solid #d8e3eb;
        box-shadow:0 -10px 28px rgba(7,20,38,.16);backdrop-filter:blur(10px)}
.classifier-mobile-continue[hidden]{display:none!important}
.classifier-mobile-continue button{width:100%;min-height:54px;border:0;border-radius:14px;background:#0877b9;color:#fff;
        font:700 1rem Inter,system-ui,sans-serif;display:flex;align-items:center;justify-content:center;gap:10px;
        box-shadow:0 6px 18px rgba(8,119,185,.28);cursor:pointer;touch-action:manipulation}
.classifier-mobile-continue button:active{transform:scale(.985)}}
.nav-links{overflow-x:auto;
      flex-wrap:nowrap;
      scrollbar-width:none;
      -webkit-overflow-scrolling:touch;
      padding-bottom:2px;}
.nav-links::-webkit-scrollbar{display:none;}
.nav-links a{flex:0 0 auto; white-space:nowrap;}
#classifierFrame{width:100%;
      min-height:1500px;
      border:0;
      display:block;
      background:#f3f7fa;}

/* === Responsive desktop navbar optimization === */
.launch-logo{flex-shrink:0;min-width:max-content;position:relative;z-index:2}
.launch-nav{justify-content:flex-end;overflow:hidden;}
.launch-nav>a,.nav-dropdown{flex:0 1 auto;min-width:0}
@media (max-width:1700px){.launch-nav>a,.nav-dropdown-toggle{font-size:.78rem!important;padding-inline:7px!important}.launch-header{gap:18px}}
@media (max-width:1550px){.launch-nav>a,.nav-dropdown-toggle{font-size:.74rem!important;padding-inline:5px!important}.launch-header{gap:14px}.launch-logo .logo-wordmark{font-size:.98rem}}
@media (max-width:1450px){.launch-nav>a span,.nav-dropdown-toggle span{letter-spacing:-.01em}.launch-nav{gap:1px}}
@media (max-width:900px){.site-header{position:sticky; top:0;}
.header-inner{align-items:stretch;}
.nav-links{width:100%; justify-content:flex-start; order:3;}
.classifier-page-shell{padding-left:8px; padding-right:8px;}
.classifier-frame-wrap{border-radius:16px; overflow:hidden;}}
@media (max-width:600px){.site-header{padding:8px 0;}
.header-inner{gap:8px;}
.nav-links{gap:6px;}
.nav-links a{padding:8px 11px;
        border:1px solid rgba(255,255,255,.14);
        border-radius:999px;
        background:rgba(255,255,255,.06);
        font-size:.78rem;}
.classifier-page-top{align-items:flex-start;}
.classifier-page-top h2{font-size:1.15rem;}
#classifierFrame{min-height:2200px;}}
@media (max-width:600px){.modal{padding:22px 16px;border-radius:22px}}
.background-image img{object-position: center center;
      filter: saturate(1.06) contrast(1.03) brightness(1.08);}
.background-overlay{background:
        linear-gradient(90deg,
          rgba(3,14,28,.78) 0%,
          rgba(3,14,28,.58) 34%,
          rgba(3,14,28,.18) 57%,
          rgba(3,14,28,.08) 72%,
          rgba(3,14,28,.20) 100%),
        linear-gradient(180deg, rgba(3,14,28,.16) 0%, rgba(3,14,28,.05) 58%, rgba(3,14,28,.38) 100%);}
#page-main > .hero{max-width:1120px;
      min-height:clamp(500px,72vh,680px);
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items:flex-start;
      text-align:left;
      padding-top:clamp(54px,8vh,88px);
      padding-bottom:clamp(54px,8vh,88px);}
#page-main > .hero h1{max-width:620px;
      margin:0 0 12px;
      font-size:clamp(2.45rem,5.6vw,4.25rem);
      line-height:1.04;
      text-shadow:0 3px 18px rgba(0,0,0,.48);}
@media (max-width:768px){.background-image img{object-position:58% center;}
.background-overlay{background:linear-gradient(90deg, rgba(3,14,28,.76) 0%, rgba(3,14,28,.48) 60%, rgba(3,14,28,.20) 100%);}
#page-main > .hero{min-height:620px;
        justify-content:flex-end;
        padding-top:70px;
        padding-bottom:54px;}
#page-main > .hero h1{max-width:560px; font-size:clamp(2.2rem,10vw,3.5rem);}}
@media (max-width:480px){.background-image img{object-position:62% center;}
#page-main > .hero{min-height:590px; padding-bottom:42px;}}
#page-main > .hero{position:relative;}
@media (min-width:901px){#page-main > .hero > h1{max-width:58%;}}
html{-webkit-text-size-adjust:100%; text-size-adjust:100%;}
img, video, canvas, svg, iframe{max-width:100%;}
img, video{height:auto;}
button, input, select, textarea{max-width:100%;}
.container, .hero, .policy-content, .content-wrapper, .form-card, .modal, .doc-card{min-width:0;}
.container{width:min(100%, 1168px);}
.form-page .container, #page-fortlopande .container{width:min(100%, 1348px);}
.header-inner > *, .form-page-header > *, .docs-grid > *, .steps-grid > *, .reason-grid > *{min-width:0;}
p, li, label, span, a, h1, h2, h3, h4{overflow-wrap:anywhere;}
.logo, .tab-btn{overflow-wrap:normal;}
.site-header{width:100%;}
.header-inner{row-gap:10px;}
.nav-links{min-width:0;}
.nav-links a{padding:6px 2px;}
.hero, .section, .form-page{width:100%;}
.docs-grid, .steps-grid, .reason-grid{align-items:stretch;}
.doc-card, .step-item{height:100%;}
.tabs-nav{max-width:100%;}
.form-card, #page-fortlopande .form-section, #page-fortlopande .preview-section, #page-riskbedomning .riskbedomning .form-section, #page-riskbedomning .riskbedomning .preview-section{max-width:100%;}
.preview-box, #page-fortlopande .preview-box, #page-riskbedomning .riskbedomning .preview-box{max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
table{max-width:100%;}
.preview-table{min-width:640px;}
.modal-overlay{overscroll-behavior:contain;}
.modal{overscroll-behavior:contain;}
.modal iframe{max-width:100%;}
.float-btn{max-width:calc(100vw - 32px); max-height:calc(100vh - 32px);}
@media (min-width:1400px){.container{width:min(100%, 1248px);}
.form-page .container, #page-fortlopande .container{width:min(100%, 1440px);}
.section{padding-top:72px; padding-bottom:72px;}}
@media (max-width:1100px){.container{padding-left:22px; padding-right:22px;}
.header-inner{justify-content:center;}
.nav-links{order:3; flex:1 0 100%; justify-content:center;}
.docs-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
#page-fortlopande .tutorial-content, #page-riskbedomning .riskbedomning .tutorial-content{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:900px){.site-header{padding:8px 0;}
.header-inner{align-items:center;}
.nav-links{gap:8px 16px;}
.hero{padding-top:56px; padding-bottom:48px;}
.docs-grid, .steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.reason-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
#page-fortlopande .content-wrapper, #page-riskbedomning .riskbedomning .content-wrapper{grid-template-columns:1fr;}
#page-fortlopande .form-section, #page-fortlopande .preview-section, #page-riskbedomning .riskbedomning .form-section, #page-riskbedomning .riskbedomning .preview-section{padding:24px;}}
@media (max-width:768px){.container{padding-left:18px; padding-right:18px;}
.site-header{position:sticky;}
.header-inner{flex-direction:column; align-items:stretch;}
.nav-links{width:100%;}
.nav-links{justify-content:flex-start; flex-wrap:nowrap; overflow-x:auto; padding:2px 2px 6px; scrollbar-width:none; -webkit-overflow-scrolling:touch;}
.nav-links::-webkit-scrollbar{display:none;}
.nav-links a{flex:0 0 auto; white-space:nowrap;}
.hero{padding-top:44px; padding-bottom:40px;}
.section{padding-top:44px; padding-bottom:44px;}
.section-subtitle{margin-bottom:26px;}
.form-card{border-radius:18px;}
.doc-card, .step-item{border-radius:17px;}
.tabs-nav{margin-bottom:20px;}
.form-page-header{align-items:flex-start;}
.form-page-header .back-btn{flex:0 0 auto;}
.form-page-header h2{flex:1 1 220px;}
.form-page-header .badge-afs{margin-left:52px;}
.modal-overlay{padding:10px; align-items:flex-start;}
.modal{margin:auto 0; border-radius:22px; max-height:calc(100dvh - 20px);}
.modal .tally-iframe-wrapper{min-height:420px;}
.modal .tally-iframe-wrapper iframe{height:500px;}
#page-fortlopande .tutorial-container, #page-riskbedomning .riskbedomning .tutorial-container{padding:22px;}
#page-fortlopande .tutorial-content, #page-riskbedomning .riskbedomning .tutorial-content{grid-template-columns:1fr;}
#page-fortlopande .tutorial-header, #page-riskbedomning .riskbedomning .tutorial-header{align-items:flex-start; gap:12px;}
#page-fortlopande .tutorial-header h2, #page-riskbedomning .riskbedomning .tutorial-header h2{font-size:1.45rem;}
#page-fortlopande .controls, #page-riskbedomning .riskbedomning .controls{gap:10px;}
#page-fortlopande .btn, #page-riskbedomning .riskbedomning .btn{flex:1 1 210px; margin-right:0;}
#page-fortlopande .preview-header p, #page-riskbedomning .riskbedomning .preview-header p{display:block;}
#page-fortlopande .preview-header p strong, #page-riskbedomning .riskbedomning .preview-header p strong{min-width:0; display:block; margin-bottom:2px;}}
@media (max-width:640px){.container{padding-left:16px; padding-right:16px;}
.nav-links{display:flex;}
#page-main > .hero{min-height:auto; padding-top:48px; padding-bottom:44px; justify-content:center;}
#page-main > .hero h1{font-size:clamp(2rem,11vw,3rem);}
.docs-grid, .steps-grid, .reason-grid{grid-template-columns:1fr;}
.doc-card, .step-item{padding:20px 18px;}
.tabs-nav{border-radius:18px;}
.tab-btn{flex:0 0 auto;}
.form-page{padding-top:28px;}
.form-page-header{gap:10px;}
.form-page-header .badge-afs{margin-left:0;}
.form-card{padding:22px 16px;}
.cookie-banner{padding:14px 16px; align-items:stretch; text-align:left;}
.cookie-banner p{flex:1 1 100%;}
.cookie-banner .btn-cookie{flex:1 1 130px; min-height:44px;}
#page-fortlopande .form-section, #page-fortlopande .preview-section, #page-riskbedomning .riskbedomning .form-section, #page-riskbedomning .riskbedomning .preview-section{padding:20px 16px;}
#page-fortlopande h2.section-title, #page-riskbedomning .riskbedomning h2.section-title{font-size:1.45rem; align-items:flex-start;}
#page-fortlopande .info-box, #page-riskbedomning .riskbedomning .info-box, #page-fortlopande .summary-box, #page-riskbedomning .riskbedomning .summary-box{padding:20px 16px;}
#page-fortlopande .preview-box, #page-riskbedomning .riskbedomning .preview-box{padding:16px; min-height:360px;}
#page-fortlopande .btn, #page-riskbedomning .riskbedomning .btn{width:100%; flex-basis:100%; padding-left:16px; padding-right:16px;}}
@media (max-width:480px){.container{padding-left:14px; padding-right:14px;}
.logo{font-size:1rem;}
.nav-links{margin-left:-2px; margin-right:-2px;}
.hero{padding-top:36px; padding-bottom:34px;}
#page-main > .hero{min-height:auto; padding-top:40px; padding-bottom:38px;}
#page-main > .hero h1{font-size:clamp(1.85rem,10.5vw,2.6rem); line-height:1.08;}
.section{padding-top:36px; padding-bottom:36px;}
.section-title{margin-bottom:10px;}
.doc-card, .step-item{padding:18px 16px;}
.modal{padding:22px 15px; border-radius:18px;}
.modal h2{padding-right:34px;}
.modal .consent-section{padding:14px;}
.modal .tally-iframe-wrapper iframe{height:460px;}
.form-group input, .form-group select, .form-group textarea{font-size:16px;}
.float-btn{width:50px; height:50px; right:14px; bottom:14px; font-size:21px;}
#page-fortlopande .tutorial-container, #page-riskbedomning .riskbedomning .tutorial-container{padding:18px 14px;}
#page-fortlopande .tutorial-step, #page-riskbedomning .riskbedomning .tutorial-step, #page-riskbedomning .riskbedomning .anordning-item{padding:17px 14px;}
#page-riskbedomning .riskbedomning .remove-btn{top:12px; right:12px;}}
@media (max-width:360px){.container{padding-left:12px; padding-right:12px;}
.btn-primary, .btn-outline{padding-left:16px; padding-right:16px;}
.modal-overlay{padding:6px;}
.modal{max-height:calc(100dvh - 12px);}}
@media (orientation:landscape) and (max-height:520px){.site-header{position:relative;}
#page-main > .hero{min-height:auto; padding-top:34px; padding-bottom:34px;}
.modal{max-height:calc(100dvh - 12px);}}
.guide-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.role-box{border-radius:16px;padding:17px;border:1px solid #dde6ef;background:#f8fafc}
.role-box h4{margin:0 0 8px;font-size:1rem;display:flex;gap:8px;align-items:center}
.role-box p{margin:0;color:#45515f;line-height:1.55;font-size:.94rem}
.role-employer{border-top:4px solid #0a73e8}
.role-control{border-top:4px solid #16865c}
.role-authority{border-top:4px solid #d97706}
.knowledge-box{background:#071426;color:#fff;border-radius:18px;padding:22px;margin-top:18px}
.knowledge-box h4{color:#fff;margin:0 0 10px;display:flex;align-items:center;gap:10px}
.knowledge-box p{color:#dce8f5;margin:0 0 10px;line-height:1.65}
.knowledge-box p:last-child{margin-bottom:0}
.knowledge-box strong{color:#fff}
.document-intro{background:#fff;border:1px solid #dfe7f0;border-radius:20px;padding:22px;margin:0 0 22px;box-shadow:0 8px 22px rgba(7,20,38,.06)}
.document-intro h3{margin:0 0 10px;color:#132033}
.document-intro p{color:#44505e;line-height:1.65;margin:0 0 10px}
.document-intro ul{list-style:none;padding:0;margin:12px 0 0}
.document-intro li{display:flex;gap:10px;margin:8px 0;color:#33404e}
.document-intro li i{color:#16865c;margin-top:4px}
.document-disclaimer{font-size:.9rem;color:#5f6b7a;border-top:1px solid #e6ebf1;margin-top:14px;padding-top:12px}
@media (max-width:780px){.guide-role-grid{grid-template-columns:1fr}
.document-intro, .knowledge-box{padding:17px}}
:root{--header-height:76px;}
body.nav-open{overflow:hidden;}
.site-header .header-inner{min-height:58px;}
.logo{display:inline-flex; align-items:center; flex:0 0 auto; border-radius:10px; padding:2px;}
.logo:focus-visible, .nav-links a:focus-visible, .menu-toggle:focus-visible, button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{outline:3px solid #70b7ff; outline-offset:3px;}
.menu-toggle{display:none; margin-left:auto; width:46px; height:46px; border:1px solid rgba(255,255,255,.22); border-radius:12px; background:rgba(255,255,255,.08); cursor:pointer; padding:11px;}
.menu-toggle span{display:block; height:2px; margin:5px 0; border-radius:2px; background:#fff; transition:transform .2s,opacity .2s;}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.nav-backdrop{display:none; position:fixed; inset:0; z-index:89; border:0; background:rgba(3,10,20,.56); backdrop-filter:blur(2px);}
.classifier-heading{flex:1; min-width:0;}
.classifier-heading h2{margin:0 0 4px;}
.classifier-heading p{margin:0; color:#5f6b7a; font-size:.93rem; line-height:1.45;}
.classifier-help{display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:0 0 14px;}
.classifier-help span{display:flex; align-items:center; gap:9px; padding:12px 14px; background:#fff; border:1px solid #dce5ef; border-radius:14px; color:#26384d; font-weight:650; font-size:.88rem;}
.classifier-help i{width:25px; height:25px; flex:0 0 25px; display:grid; place-items:center; border-radius:50%; background:#0a73e8; color:#fff; font-size:.72rem;}
.page{min-width:0;}
.form-card, .modal, .doc-card{min-width:0;}
.preview-box{max-width:100%; overflow:auto; -webkit-overflow-scrolling:touch;}
input, select, textarea{max-width:100%;}
[id]{scroll-margin-top:calc(var(--header-height) + 18px);}
@media (max-width:1100px){.header-inner{flex-wrap:wrap;}
.nav-links{order:3; width:100%; justify-content:flex-start;}}
@media (max-width:820px){:root{--header-height:72px;}
.site-header{padding:7px 0;}
.header-inner{display:flex; flex-direction:row; align-items:center; flex-wrap:wrap; gap:8px;}
.menu-toggle{display:block; margin-left:4px; flex:0 0 46px;}
.nav-links{display:flex; position:fixed; top:0; right:0; z-index:101; width:min(88vw,380px); height:100dvh; padding:86px 18px 28px; flex-direction:column; align-items:stretch; gap:7px; overflow-y:auto; background:#071426; box-shadow:-18px 0 50px rgba(0,0,0,.35); transform:translateX(105%); transition:transform .24s ease;}
.nav-links.open{transform:translateX(0);}
.nav-links a{display:flex; align-items:center; min-height:50px; padding:12px 14px; border:1px solid rgba(255,255,255,.12); border-radius:12px; background:rgba(255,255,255,.055); font-size:.96rem;}
.nav-links a i{width:24px; text-align:center;}
.nav-backdrop.open{display:block;}
.classifier-help{grid-template-columns:1fr;}
.classifier-page-top{align-items:flex-start;}
.classifier-page-top .badge-afs{display:none;}}
@media (max-width:520px){.container{padding-left:14px; padding-right:14px;}
.hero{padding-top:42px;}
.hero h1{font-size:clamp(2rem,11vw,3rem);}
.classifier-page-shell{padding:0 6px;}
.classifier-page-top{border-radius:14px; padding:11px; gap:10px;}
.classifier-heading p{font-size:.86rem;}
.classifier-help span{padding:10px 12px;}
.form-page-header{align-items:flex-start;}
.form-page-header .badge-afs{width:100%; text-align:center;}
.tabs-nav{border-radius:16px;}
.tab-btn{padding:10px 13px;}}
.nav-dropdown{position:relative;display:flex;align-items:center}
.nav-dropdown-toggle{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:#e0e0e5;font:inherit;font-size:clamp(.75rem,1.4vw,.9rem);font-weight:500;cursor:pointer;padding:6px 2px;white-space:nowrap}
.nav-dropdown-toggle:hover, .nav-dropdown-toggle[aria-expanded="true"]{color:#fff}
.nav-dropdown-toggle>i:first-child{margin-right:1px}
.dropdown-chevron{font-size:.66rem;margin-left:2px;transition:transform .2s ease}
.nav-dropdown-toggle[aria-expanded="true"] .dropdown-chevron{transform:rotate(180deg)}
.nav-dropdown-menu{position:absolute;top:calc(100% + 12px);left:50%;z-index:130;min-width:270px;padding:9px;background:#071426;border:1px solid rgba(255,255,255,.16);border-radius:16px;box-shadow:0 18px 48px rgba(0,0,0,.38);opacity:0;visibility:hidden;transform:translate(-50%,-7px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media (min-width:821px){.nav-dropdown:hover .nav-dropdown-menu, .nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav-dropdown:hover .dropdown-chevron, .nav-dropdown:focus-within .dropdown-chevron{transform:rotate(180deg)}}
.nav-dropdown-menu a{display:flex!important;align-items:center;gap:10px;min-height:43px;padding:10px 12px!important;border-radius:10px;color:#eaf2fb!important;font-size:.9rem!important}
.nav-dropdown-menu a:hover{background:rgba(47,140,255,.18);color:#fff!important}
.nav-dropdown-menu a i{width:22px;text-align:center;margin:0!important;color:#70b7ff}
@media (min-width:901px){.nav-links.launch-nav{overflow:visible!important;
        overflow-x:visible!important;
        overflow-y:visible!important;}
.nav-dropdown{flex:0 0 auto;
        overflow:visible;}
.nav-dropdown-menu{display:block;
        pointer-events:none;}
.nav-dropdown.open .nav-dropdown-menu, .nav-dropdown:hover .nav-dropdown-menu, .nav-dropdown:focus-within .nav-dropdown-menu{pointer-events:auto;}}
.guide-placeholder-page{background:rgba(244,247,251,.97);min-height:78vh;padding:clamp(34px,6vh,64px) 0}
.guide-placeholder-shell{max-width:900px;margin:0 auto}
.guide-placeholder-card{background:#fff;border:1px solid #dfe7f0;border-radius:24px;padding:clamp(24px,5vw,46px);box-shadow:0 14px 38px rgba(7,20,38,.09)}
.guide-placeholder-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:#eaf4ff;color:#0a73e8;font-size:1.7rem;margin-bottom:18px}
.guide-placeholder-card h1{color:#132033;font-size:clamp(2rem,6vw,3.2rem);margin-bottom:12px}
.guide-placeholder-card p{color:#536172;font-size:1.05rem;line-height:1.7;max-width:700px}
@media (max-width:820px){.nav-dropdown{display:block;width:100%}
.nav-dropdown-toggle{width:100%;min-height:50px;padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.055);font-size:.96rem}
.nav-dropdown-toggle>i:first-child{width:24px;text-align:center}
.nav-dropdown-toggle .dropdown-chevron{margin-left:auto}
.nav-dropdown-menu{position:static;min-width:0;width:100%;padding:6px 0 0 14px;border:0;border-radius:0;background:transparent;box-shadow:none;opacity:1;visibility:visible;transform:none;display:none}
.nav-dropdown.open .nav-dropdown-menu{display:grid;gap:6px;transform:none}
.nav-dropdown-menu a{min-height:46px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.09)!important}}
/* === Pannans övervakning under GUIDE === */
#page-pannovervakning{background:#f4f7fb;min-height:80vh;padding:0;}
.pannovervakning-shell{width:min(100%,1440px);margin:0 auto;padding:0;}
.pannovervakning-frame{display:block;width:100%;min-height:1900px;border:0;background:#f4f7fb;}
.nav-dropdown-menu{min-width:300px;}
.nav-dropdown-menu a span{min-width:0;white-space:nowrap;overflow-wrap:normal;word-break:normal;}
@media(max-width:820px){
  .nav-dropdown-menu{min-width:0;}
  .nav-dropdown-menu a{width:100%;max-width:100%;}
  .nav-dropdown-menu a span{white-space:normal;line-height:1.25;overflow-wrap:break-word;}
  .pannovervakning-frame{min-height:2400px;}
}

.logo{display:inline-flex;
      align-items:center;
      gap:10px;
      padding:4px 0;
      background:transparent;
      border-radius:10px;
      line-height:1;
      flex:0 0 auto;
      text-decoration:none;
      white-space:nowrap;
      transition:opacity .2s ease, transform .2s ease;}
.logo:hover{opacity:.92;
      transform:translateY(-1px);}
.logo:focus-visible{outline:3px solid rgba(90,158,255,.65);
      outline-offset:5px;}
.logo-gauge{width:clamp(30px,3vw,38px);
      height:clamp(30px,3vw,38px);
      flex:0 0 auto;
      overflow:visible;}
.logo-wordmark{display:inline-flex;
      align-items:baseline;
      font-size:clamp(1.02rem,2.1vw,1.38rem);
      font-weight:800;
      letter-spacing:.035em;
      line-height:1;}
.logo-wordmark .logo-tryck{color:#fff;}
.logo-wordmark .logo-kollen{color:#2f8cff;}
@media (max-width:820px){.logo{gap:8px;}}
@media (max-width:520px){.logo-gauge{width:29px; height:29px;}
.logo-wordmark{font-size:1rem; letter-spacing:.025em;}}
.control-choice-section{position:relative; overflow:hidden; background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,248,253,.98));}
.control-choice-section:before{content:""; position:absolute; inset:-180px auto auto 50%; width:760px; height:360px; transform:translateX(-50%); border-radius:50%; background:rgba(10,115,232,.08); filter:blur(70px); pointer-events:none;}
.control-choice-head{position:relative; text-align:center; max-width:760px; margin:0 auto 32px;}
.control-choice-kicker{display:inline-flex; align-items:center; gap:8px; padding:7px 14px; margin-bottom:12px; border-radius:999px; background:#eaf4ff; border:1px solid #cde5ff; color:#075fae; font-size:.76rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase;}
.control-choice-grid{position:relative; display:grid; grid-template-columns:minmax(185px,.72fr) minmax(390px,1.7fr) minmax(185px,.72fr); gap:18px; max-width:1120px; margin:0 auto; align-items:stretch;}
.control-choice-card{position:relative; display:flex; flex-direction:column; min-width:0; padding:28px 24px 25px; overflow:hidden; border:1px solid #dfe7f1; border-radius:26px; background:#fff; color:#132033; text-decoration:none; box-shadow:0 12px 35px rgba(16,40,70,.09); transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}
.control-choice-card:hover{transform:translateY(-7px); border-color:#8dbff2; box-shadow:0 22px 55px rgba(16,40,70,.16);}
.control-choice-card:focus-visible{outline:4px solid rgba(10,115,232,.25); outline-offset:4px;}
.control-choice-card.featured{min-height:350px; padding:34px; border:2px solid #0a73e8; background:linear-gradient(145deg,#fff 0%,#edf7ff 100%); box-shadow:0 20px 52px rgba(10,115,232,.17);}
.control-choice-card.featured:before{content:""; position:absolute; top:0; left:0; right:0; height:5px; background:linear-gradient(90deg,#0a73e8,#2aa7ff,#0a73e8);}
.control-choice-badge{position:absolute; top:20px; right:20px; padding:6px 11px; border-radius:999px; background:#0a73e8; color:#fff; font-size:.68rem; font-weight:800; letter-spacing:.03em; text-transform:uppercase;}
.control-choice-icon{width:58px; height:58px; display:grid; place-items:center; margin-bottom:20px; border-radius:18px; background:#eaf4ff; color:#0a73e8; font-size:1.55rem;}
.featured .control-choice-icon{width:68px; height:68px; background:#0a73e8; color:#fff; box-shadow:0 10px 25px rgba(10,115,232,.25);}
.revision .control-choice-icon{background:#fff3df; color:#b55b00;}
.control-choice-card small{display:block; margin-bottom:7px; color:#687687; font-weight:800; font-size:.7rem; letter-spacing:.055em; text-transform:uppercase;}
.control-choice-card h3{margin:0 0 12px; color:#132033; font-size:clamp(1.15rem,2vw,1.42rem);}
.control-choice-card.featured h3{padding-right:110px; font-size:clamp(1.45rem,2.5vw,1.85rem);}
.control-choice-card p{margin:0 0 22px; color:#5f6b7a; line-height:1.65; font-size:.94rem;}
.control-choice-link{display:inline-flex; align-items:center; gap:8px; margin-top:auto; color:#0a73e8; font-weight:800; font-size:.9rem;}
.control-choice-link i{transition:transform .2s ease;}
.control-choice-card:hover .control-choice-link i{transform:translateX(5px);}
.control-choice-tags{display:flex; flex-wrap:wrap; gap:8px; margin:0 0 24px;}
.control-choice-tags span{display:inline-flex; align-items:center; gap:6px; padding:7px 10px; border-radius:999px; border:1px solid #cae2fa; background:rgba(255,255,255,.85); color:#294761; font-size:.77rem; font-weight:700;}
.control-choice-tags i{color:#16865c;}
.control-choice-note{position:relative; display:flex; gap:12px; max-width:860px; margin:24px auto 0; padding:15px 18px; border:1px solid #dce8f5; border-radius:16px; background:#f3f8fd; color:#405168;}
.control-choice-note i{margin-top:3px; color:#0a73e8;}
.control-choice-note p{margin:0; font-size:.88rem;}
.control-info-page{min-height:calc(100vh - 80px); padding:clamp(30px,6vh,64px) 0 70px; background:linear-gradient(180deg,#f5f9fd,#fff);}
.control-info-shell{max-width:980px; margin:0 auto;}
.control-info-top{display:flex; align-items:center; gap:16px; margin-bottom:22px;}
.control-info-top .back-btn{flex:0 0 auto; width:44px; height:44px; border:0; border-radius:50%; background:#eaf4ff; color:#0a73e8; cursor:pointer;}
.control-info-title{flex:1;}
.control-info-title h1{margin:0 0 5px; color:#071426; font-size:clamp(2rem,5vw,3.25rem);}
.control-info-title p{margin:0; color:#5f6b7a;}
.control-info-hero{padding:clamp(26px,5vw,44px); margin-bottom:20px; border-radius:28px; color:#fff; background:linear-gradient(135deg,#0a73e8,#083a70); box-shadow:0 20px 55px rgba(8,58,112,.2);}
.control-info-hero.first{background:linear-gradient(135deg,#0a73e8,#074f91);}
.control-info-hero.recurring{background:linear-gradient(135deg,#0877bf,#075184);}
.control-info-hero.revision{background:linear-gradient(135deg,#a95000,#713600);}
.control-info-hero h2{margin-bottom:10px; color:#fff;}
.control-info-hero p{color:rgba(255,255,255,.9); font-size:1.04rem; max-width:780px;}
.control-content-grid{display:grid; gap:16px;}
.control-content-card{padding:clamp(22px,4vw,32px); border:1px solid #e0e8f1; border-radius:22px; background:#fff; box-shadow:0 8px 28px rgba(16,40,70,.06);}
.control-content-card h3{display:flex; align-items:center; gap:10px; color:#112b46; margin-bottom:10px;}
.control-content-card h3 i{color:#0a73e8;}
.control-content-card.warning{border-color:#f1d39a; background:#fffaf0;}
.control-content-card.warning h3 i{color:#b55b00;}
.control-content-card.important{border-left:5px solid #0a73e8;}
.control-content-card p{color:#435268; margin:0 0 12px; line-height:1.7;}
.control-content-card p:last-child{margin-bottom:0;}
.control-content-card ul{margin:10px 0 0; padding:0; list-style:none;}
.control-content-card li{display:flex; gap:10px; margin:8px 0; color:#435268;}
.control-content-card li i{color:#16865c; margin-top:4px;}
.control-page-actions{display:flex; flex-wrap:wrap; gap:12px; margin-top:24px;}
@media (max-width:960px){.control-choice-grid{grid-template-columns:1fr 1fr}
.control-choice-card.featured{grid-column:1/-1;grid-row:1;min-height:0}
.control-choice-card:not(.featured){min-height:285px}}
@media (max-width:640px){.control-choice-grid{grid-template-columns:1fr;gap:14px}
.control-choice-card, .control-choice-card.featured{grid-column:auto;min-height:0;padding:25px 21px 23px;border-radius:22px}
.control-choice-card.featured{grid-row:1;padding-top:72px}
.control-choice-card:first-child{grid-row:2}
.control-choice-card.revision{grid-row:3}
.control-choice-badge{top:18px;left:20px;right:auto}
.control-choice-card.featured h3{padding-right:0}
.control-info-top{align-items:flex-start}
.control-info-title h1{font-size:2rem}
.control-page-actions>*{width:100%}}
.service-steps-section{padding:clamp(56px,8vw,92px) 0; background:linear-gradient(180deg,rgba(4,14,28,.72),rgba(5,17,33,.82));}
.service-steps-heading{max-width:820px; margin:0 auto 34px; text-align:center;}
.service-steps-heading .section-title{color:#fff; margin:10px 0 12px; font-size:clamp(2rem,4.2vw,3.15rem); line-height:1.12;}
.service-steps-heading p{color:#d8e2ef; max-width:700px; margin:0 auto; font-size:clamp(.98rem,1.8vw,1.12rem);}
.service-steps-eyebrow{display:inline-flex; align-items:center; gap:8px; color:#91c5ff; background:rgba(10,115,232,.15); border:1px solid rgba(91,166,255,.32); border-radius:999px; padding:7px 14px; font-size:.82rem; font-weight:700; letter-spacing:.02em;}
.service-steps-grid{grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; align-items:stretch;}
.service-step-card{position:relative; min-height:330px; display:flex; flex-direction:column; align-items:center; padding:30px 22px 24px; background:linear-gradient(180deg,rgba(17,29,44,.88),rgba(11,22,36,.82)); border:1px solid rgba(255,255,255,.11); box-shadow:0 18px 45px rgba(0,0,0,.24); backdrop-filter:blur(10px);}
.service-step-card:hover{transform:translateY(-6px); border-color:rgba(85,161,255,.46); box-shadow:0 22px 55px rgba(0,0,0,.32);}
.service-step-card .service-step-number{position:absolute; top:14px; left:16px; width:28px; height:28px; display:grid; place-items:center; border-radius:50%; background:rgba(10,115,232,.18); border:1px solid rgba(88,163,255,.38); color:#a9d0ff; font-size:.8rem; font-weight:800;}
.service-step-card .step-icon{width:64px; height:64px; display:grid; place-items:center; border-radius:18px; margin:8px 0 18px; background:rgba(10,115,232,.13); border:1px solid rgba(71,152,247,.22); font-size:1.8rem;}
.service-step-card h3{color:#fff; margin-bottom:10px; font-size:1.08rem; line-height:1.3;}
.service-step-card > p{color:#d9e1eb; font-size:.94rem; line-height:1.55; margin-bottom:18px;}
.service-step-card .step-detail{margin-top:auto; width:100%; display:flex; align-items:flex-start; justify-content:center; gap:8px; color:#aeb9c7; font-size:.84rem; line-height:1.5; border-top:1px solid rgba(255,255,255,.1); padding-top:14px;}
.service-step-card .step-detail i{margin-top:3px; flex:0 0 auto; color:#64a9ff;}
.service-steps-benefits{display:flex; justify-content:center; flex-wrap:wrap; gap:10px 22px; margin:28px auto 0; color:#e7f2ff; font-size:.9rem;}
.service-steps-benefits span{display:inline-flex; align-items:center; gap:7px;}
.service-steps-benefits i{color:#70e0ad;}
.service-steps-note{max-width:900px; margin:28px auto 0; display:flex; align-items:flex-start; gap:14px; background:rgba(255,255,255,.075); border:1px solid rgba(255,255,255,.1); border-radius:18px; padding:18px 22px; color:#dce6f1;}
.service-steps-note > i{color:#ffd45f; font-size:1.2rem; margin-top:3px;}
.service-steps-note p{margin:0; color:#dce6f1; font-size:.95rem; line-height:1.6;}
@media (max-width:980px){.service-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:600px){.service-steps-section{padding:48px 0;}
.service-steps-grid{grid-template-columns:1fr; gap:14px;}
.service-step-card{min-height:0; padding:26px 20px 22px;}
.service-step-card .step-icon{width:58px; height:58px;}
.service-steps-benefits{justify-content:flex-start; max-width:320px;}
.service-steps-note{padding:16px 17px;}}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll){--kf-navy:#071426;--kf-navy2:#0b2442;--kf-blue:#0a73e8;--kf-blue2:#2f8cff;
      --kf-green:#16865c;--kf-red:#b42318;--kf-amber:#b54708;--kf-ink:#132033;
      --kf-muted:#5f6b7a;--kf-surface:#f4f7fb;--kf-line:#dfe7f1;
      min-height:calc(100vh - 70px);background:var(--kf-surface);color:var(--kf-ink);}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) *{box-sizing:border-box}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-container{width:min(1120px,calc(100% - 40px));margin-inline:auto}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-hero{background:radial-gradient(circle at 85% 20%,rgba(47,140,255,.26),transparent 34%),
      linear-gradient(135deg,#071426 0%,#0b2442 60%,#071426 100%);
      color:#fff;padding:clamp(54px,9vw,92px) 0 clamp(48px,8vw,78px)}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(47,140,255,.14);border:1px solid rgba(107,176,255,.32);color:#acd3ff;padding:8px 14px;border-radius:999px;font-size:.82rem;font-weight:700;margin-bottom:18px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-hero h1{font-size:clamp(2.55rem,6vw,5.15rem);line-height:1.02;letter-spacing:-.055em;margin-bottom:20px;color:#fff}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-hero h1 span{color:#63aaff}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-lead{font-size:clamp(1.05rem,2vw,1.3rem);color:#dce8f6;max-width:760px;line-height:1.65}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-hero-note{margin-top:24px;display:flex;align-items:flex-start;gap:12px;color:#c8d7e8;font-size:.94rem;line-height:1.6}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-hero-note i{color:#70e0ad;margin-top:5px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-hero-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:30px;box-shadow:0 25px 70px rgba(0,0,0,.28);backdrop-filter:blur(8px)}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-hero-card strong{display:block;font-size:clamp(3rem,7vw,4.3rem);line-height:1;color:#fff;letter-spacing:-.07em}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-hero-card strong span{color:#63aaff}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-hero-card p{color:#d6e2ef;margin-top:12px;line-height:1.6}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-mini-window{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-mini-window div{background:rgba(255,255,255,.09);border-radius:14px;padding:12px 8px;text-align:center;font-size:.74rem;color:#dce9f7}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-mini-window b{display:block;font-size:1rem;color:#fff}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-section{padding:clamp(52px,8vw,78px) 0;background:#f4f7fb}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-section.kf-white{background:#fff}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-section.kf-dark{background:#071426;color:#fff}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-head{max-width:800px;margin:0 auto 34px;text-align:center}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-head h2{font-size:clamp(2rem,4vw,3.25rem);line-height:1.13;letter-spacing:-.04em;margin-bottom:13px;color:#132033}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-head p{color:#5f6b7a;font-size:1.05rem;line-height:1.7}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-dark .kf-head h2{color:#fff}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-dark .kf-head p{color:#c7d4e3}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-exception{margin-top:18px;padding:15px 17px;border-radius:14px;background:#fff8e8;border:1px solid #efd69a;color:#624b13;font-size:.92rem;line-height:1.6}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-example{background:#fff;border:1px solid #dfe7f1;border-radius:28px;padding:32px;box-shadow:0 16px 48px rgba(13,34,58,.08);margin-bottom:24px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-example-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-example-top small{display:block;color:#0a73e8;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-example-top h3{font-size:clamp(1.6rem,3vw,2.25rem);letter-spacing:-.035em;color:#132033}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-date-pill{background:#071426;color:#fff;border-radius:18px;padding:14px 18px;text-align:center;min-width:205px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-date-pill span{display:block;color:#a9c7e8;font-size:.76rem}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-date-pill b{font-size:1rem}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-months{display:grid;grid-template-columns:repeat(12,minmax(63px,1fr));gap:7px;overflow-x:auto;padding:3px 0 10px;scrollbar-width:thin}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-month{min-width:63px;border-radius:12px;padding:12px 7px;text-align:center;border:1px solid #acd3ff;background:#eaf4ff;color:#0757a5;font-size:.75rem;font-weight:700}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-month.due{background:#0a73e8;border-color:#0a73e8;color:#fff;box-shadow:0 8px 18px rgba(10,115,232,.25)}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-legend{display:flex;gap:12px 22px;flex-wrap:wrap;margin-top:15px;font-size:.84rem;color:#5f6b7a}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-legend span{display:inline-flex;align-items:center;gap:7px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-dot{width:11px;height:11px;border-radius:3px;background:#eaf4ff;border:1px solid #acd3ff}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-dot.due{background:#0a73e8;border-color:#0a73e8}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-example-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-summary-item{padding:17px;border-radius:16px;background:#f6f8fb;border:1px solid #e4eaf2}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-summary-item span{display:block;color:#5f6b7a;font-size:.8rem}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-summary-item b{display:block;margin-top:3px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-example-text{margin-top:18px;color:#5f6b7a;line-height:1.7}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-calculator{background:linear-gradient(135deg,#0b2442,#071426);border-radius:30px;padding:38px;color:#fff;box-shadow:0 24px 70px rgba(5,18,35,.25)}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-calculator-grid{display:grid;grid-template-columns:.8fr .8fr 1fr;gap:16px;align-items:end}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-field label{display:block;font-size:.86rem;color:#c9d8e8;font-weight:700;margin-bottom:7px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-field select, :is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-field input{width:100%;min-height:54px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:#fff;color:#132033;padding:0 15px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-calc-btn{min-height:54px;border:0;border-radius:14px;background:#0a73e8;color:#fff;font-weight:800;cursor:pointer;padding:0 18px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-calc-btn:hover{background:#0864ca}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-calc-result{display:none;margin-top:22px;background:#fff;color:#132033;border-radius:22px;padding:24px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-calc-result.show{display:block}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-result-title{color:#0a73e8;font-weight:800;margin-bottom:8px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-result-window{font-size:clamp(1.25rem,3vw,1.8rem);line-height:1.25;letter-spacing:-.025em}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-result-stop{margin-top:12px;padding:13px 15px;border-radius:12px;background:#fff1ef;color:#8f1d14;border:1px solid #f2c2bd}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-calc-note{margin-top:12px;color:#5f6b7a;font-size:.9rem;line-height:1.6}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-responsibility{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-role-card{background:#fff;border:1px solid #dfe7f1;border-radius:23px;padding:27px;color:#132033}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-role-card h3{margin:12px 0 10px;color:#132033}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-role-card p{color:#5f6b7a;font-size:.93rem;line-height:1.7}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-role-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:#eaf4ff;color:#0a73e8;font-size:1.3rem}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-legal-warning{margin-top:24px;background:#fff8e8;border:1px solid #efd69a;border-radius:20px;padding:21px;color:#5c4715;line-height:1.65}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-legal-warning strong{display:block;margin-bottom:5px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-action-panel{background:linear-gradient(135deg,#0a73e8,#075ab5);color:#fff;border-radius:30px;padding:38px;text-align:center}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-action-panel h2{font-size:clamp(2rem,4vw,3rem);line-height:1.15;letter-spacing:-.04em;color:#fff}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-action-panel p{max-width:720px;margin:14px auto 25px;color:#e7f2ff;line-height:1.7}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:14px 22px;font-weight:800;border:1px solid rgba(255,255,255,.35);cursor:pointer}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-btn.white{background:#fff;color:#075ab5}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-btn.ghost{color:#fff;background:rgba(255,255,255,.08)}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-source-note{font-size:.82rem;color:#5f6b7a;margin-top:22px;text-align:center;line-height:1.6}
@media (max-width:1020px){:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-hero-grid{grid-template-columns:1fr}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-hero-card{max-width:600px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-responsibility{grid-template-columns:1fr 1fr}}
@media (max-width:780px){:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-calculator-grid{grid-template-columns:1fr 1fr}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-calc-btn{grid-column:1/-1}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-example-top{display:block}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-date-pill{margin-top:15px;text-align:left;max-width:260px}}
@media (max-width:600px){:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-container{width:min(100% - 28px,1120px)}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-hero h1{font-size:clamp(2.45rem,13vw,3.3rem)}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-example-summary, :is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-responsibility, :is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-calculator-grid{grid-template-columns:1fr}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-example, :is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-calculator{padding:23px 18px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-months{grid-template-columns:repeat(12,68px)}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-action-panel{padding:30px 19px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-mini-window{grid-template-columns:1fr}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-actions>*{width:100%}}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-sign-section{background:#eef3f8}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-sign-grid{display:grid;grid-template-columns:minmax(280px,.92fr) minmax(320px,1.08fr);gap:34px;align-items:start}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-sign-figure{margin:0;position:sticky;top:96px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-sign-image-button{display:block;width:100%;padding:0;border:0;border-radius:26px;background:#111;cursor:zoom-in;overflow:hidden;box-shadow:0 22px 60px rgba(7,20,38,.24)}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-sign-image-button img{display:block;width:100%;height:auto}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-sign-figure figcaption{margin-top:12px;color:#5f6b7a;font-size:.84rem;line-height:1.55;text-align:center}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-sign-content{display:grid;gap:16px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-sign-card{background:#fff;border:1px solid #dce5ef;border-radius:22px;padding:24px;box-shadow:0 8px 26px rgba(7,20,38,.06)}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-sign-card h3{display:flex;align-items:center;gap:11px;margin:0 0 10px;color:#132033;font-size:1.16rem}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-sign-card h3 i{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#eaf4ff;color:#0a73e8;flex:0 0 auto}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-sign-card p{color:#526071;line-height:1.7;margin:0}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-sign-value{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:15px;padding:15px 17px;border-radius:15px;background:#f4f8fc;border:1px solid #dce8f4}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-sign-value span{color:#5f6b7a;font-size:.84rem;font-weight:700}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-sign-value strong{font-size:1.25rem;color:#071426;text-align:right}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-sign-result{background:linear-gradient(135deg,#071426,#0b315b);color:#fff;border:0}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-sign-result h3, :is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-sign-result p{color:#fff}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-sign-result h3 i{background:rgba(255,255,255,.12);color:#8ec5ff}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-window-result{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin-top:18px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-window-result div{padding:16px;border-radius:15px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14)}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-window-result span{display:block;color:#bcd2e8;font-size:.78rem;margin-bottom:4px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-window-result b{font-size:1rem}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-window-result i{color:#8ec5ff}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-sign-modal{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.9);display:none;align-items:center;justify-content:center;padding:18px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-sign-modal.open{display:flex}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-sign-modal img{max-width:min(100%,980px);max-height:92vh;border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.5)}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-sign-modal button{position:fixed;top:16px;right:18px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.45);color:#fff;font-size:1.5rem;cursor:pointer}
@media (max-width:700px){#page-riskbedomning .container, #page-fortlopande .container{padding-left:12px;padding-right:12px}
#page-riskbedomning .form-page-header, #page-fortlopande .form-page-header{gap:8px;margin-bottom:14px}
#page-riskbedomning .form-page-header h2, #page-fortlopande .form-page-header h2{font-size:1.25rem;line-height:1.25}
#page-riskbedomning .badge-afs, #page-fortlopande .badge-afs{width:100%;text-align:center;padding:7px 10px}
#page-riskbedomning .tutorial-container, #page-fortlopande .tutorial-container, #page-riskbedomning .form-section, #page-riskbedomning .preview-section, #page-fortlopande .form-section, #page-fortlopande .preview-section, #page-riskbedomning .form-card, #page-fortlopande .form-card{padding:18px 14px;border-radius:16px;box-shadow:0 3px 14px rgba(0,0,0,.06)}
#page-riskbedomning .tutorial-content, #page-fortlopande .tutorial-content{grid-template-columns:1fr;gap:12px}
#page-riskbedomning .tutorial-step, #page-fortlopande .tutorial-step{padding:15px}
#page-riskbedomning .grid-2, #page-fortlopande .grid-2{grid-template-columns:1fr!important;gap:0!important}
#page-riskbedomning input, #page-riskbedomning select, #page-riskbedomning textarea, #page-fortlopande input, #page-fortlopande select, #page-fortlopande textarea{font-size:16px!important;min-height:52px!important;padding:13px 14px!important;border-radius:10px!important}
#page-riskbedomning textarea, #page-fortlopande textarea{min-height:105px!important}
#page-riskbedomning label, #page-fortlopande label{font-size:.95rem!important;line-height:1.4!important}
#page-riskbedomning input[type=checkbox], #page-riskbedomning input[type=radio], #page-fortlopande input[type=checkbox], #page-fortlopande input[type=radio]{width:22px!important;height:22px!important;min-height:22px!important;padding:0!important;flex:0 0 auto}
#page-riskbedomning .document-intro, #page-fortlopande .document-intro{padding:18px 14px!important;border-radius:16px!important}
#page-riskbedomning .guide-role-grid, #page-fortlopande .guide-role-grid{grid-template-columns:1fr!important}
#page-riskbedomning table, #page-fortlopande table{font-size:.82rem}}
@media (max-width:1020px){:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-sign-grid{grid-template-columns:1fr}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-sign-figure{position:static;max-width:650px;margin:0 auto}}
@media (max-width:600px){:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-sign-card{padding:18px 15px;border-radius:17px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-sign-value{display:block}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-sign-value strong{display:block;text-align:left;margin-top:4px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-window-result{grid-template-columns:1fr}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-window-result>i{transform:rotate(90deg);justify-self:center}}
.docs-closing{display:flex; align-items:center; justify-content:center; gap:9px; max-width:760px; margin:24px auto 0; text-align:center; color:#536171; font-size:clamp(.9rem,1.4vw,1rem);}
.docs-closing i{color:#16865c;}
@media (max-width:520px){.docs-closing{align-items:flex-start; text-align:left;}}
.page.active{scroll-margin-top:var(--header-height);}
html{scroll-padding-top:calc(var(--header-height, 76px) + 14px);}
.page.active{scroll-margin-top:calc(var(--header-height, 76px) + 14px);}
.page:not(#page-main){padding-top:14px;}
#page-klassning{background:#f3f7fa; min-height:calc(100dvh - var(--header-height, 76px));}
.classifier-frame-wrap{overflow:visible;}
#classifierFrame{min-height:900px; transition:height .18s ease;}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .concept-card{background:#fff;border:1px solid #dce6ef;border-radius:18px;padding:20px;box-shadow:0 8px 24px rgba(7,20,38,.06)}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .concept-card i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eaf4ff;color:#0a73e8;margin-bottom:12px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .concept-card h3{margin:0 0 7px;color:#132033;font-size:1.08rem}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .concept-card p{margin:0;color:#4b5968;line-height:1.58;font-size:.94rem}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .concept-card strong{color:#132033}
@media (max-width:800px){:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .concept-grid{grid-template-columns:1fr}}
@media (max-width:700px){:root{--header-height:var(--measured-header-height, 128px)}
.page:not(#page-main){padding-top:8px}
.classifier-page-shell{padding-left:8px;padding-right:8px}
.classifier-page-top{position:relative}
#classifierFrame{min-height:1100px}}
.example-template-box{background:#eef6ff; border:1px solid #c9e2ff; border-left:5px solid #0a73e8; border-radius:16px; padding:22px; margin:0 0 26px; box-shadow:0 5px 16px rgba(10,115,232,.08);}
.example-template-box h3{margin:0 0 8px !important; color:#123b63 !important; display:flex; align-items:center; gap:10px;}
.example-template-box p{margin:0 0 15px; color:#40566d; line-height:1.65;}
.example-template-actions{display:flex; flex-wrap:wrap; gap:12px;}
.example-template-actions .btn{margin:0 !important;}
.original-example-trigger{display:none !important;}
@media (max-width:640px){.example-template-actions .btn{width:100%;}}
.about-content{max-width: 1040px;
      margin: 0 auto;
      color: #24364a;}
.about-hero-card{position: relative;
      overflow: hidden;
      display: grid;
      grid-template-columns: minmax(0, 1.55fr) minmax(240px, .75fr);
      gap: clamp(24px, 5vw, 54px);
      align-items: center;
      padding: clamp(28px, 5vw, 54px);
      border-radius: 28px;
      background: linear-gradient(135deg, #071426 0%, #0b2c50 100%);
      box-shadow: 0 18px 50px rgba(7,20,38,.18);
      color: #fff;}
.about-hero-card::after{content: "";
      position: absolute;
      width: 280px;
      height: 280px;
      right: -120px;
      top: -130px;
      border-radius: 50%;
      background: rgba(10,115,232,.22);
      pointer-events: none;}
.about-eyebrow{display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 14px;
      padding: 7px 12px;
      border: 1px solid rgba(112,224,173,.38);
      border-radius: 999px;
      background: rgba(112,224,173,.12);
      color: #b9f4d7;
      font-size: .82rem;
      font-weight: 700;
      letter-spacing: .03em;
      text-transform: uppercase;}
.about-hero-card h1{margin: 0 0 16px;
      color: #fff;
      font-size: clamp(2.15rem, 5vw, 3.7rem);
      line-height: 1.05;}
.about-lead{margin: 0 !important;
      max-width: 720px;
      color: #e8f1fb !important;
      font-size: clamp(1.04rem, 2vw, 1.22rem) !important;
      line-height: 1.65 !important;}
.about-experience{position: relative;
      z-index: 1;
      padding: 24px;
      border: 1px solid rgba(255,255,255,.18);
      border-radius: 22px;
      background: rgba(255,255,255,.09);
      backdrop-filter: blur(8px);
      text-align: center;}
.about-experience strong{display: block;
      color: #70e0ad;
      font-size: clamp(2.1rem, 6vw, 3.4rem);
      line-height: 1;
      margin-bottom: 8px;}
.about-experience span{display: block;
      color: #f4f8fc;
      font-weight: 650;
      line-height: 1.45;}
.about-summary-grid{display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
      margin: 24px 0;}
.about-summary-card{padding: 24px;
      border: 1px solid #dfe7f0;
      border-radius: 20px;
      background: #fff;
      box-shadow: 0 8px 26px rgba(7,20,38,.07);}
.about-summary-card i{display: grid;
      place-items: center;
      width: 44px;
      height: 44px;
      margin-bottom: 15px;
      border-radius: 14px;
      background: #eaf4ff;
      color: var(--blue);
      font-size: 1.2rem;}
.about-summary-card h2{margin: 0 0 8px;
      color: #132033;
      font-size: clamp(1.12rem, 2vw, 1.32rem);}
.about-summary-card p{margin: 0;
      color: #5a6878;
      font-size: .97rem;
      line-height: 1.65;}
.about-control-message{display: grid;
      grid-template-columns: auto 1fr;
      gap: 18px;
      align-items: start;
      margin: 24px 0;
      padding: clamp(22px, 4vw, 32px);
      border: 1px solid #b9ddcc;
      border-radius: 22px;
      background: linear-gradient(135deg, #edf9f3, #f8fcfa);}
.about-control-message > i{display: grid;
      place-items: center;
      width: 48px;
      height: 48px;
      border-radius: 15px;
      background: #16865c;
      color: #fff;
      font-size: 1.25rem;}
.about-control-message h2{margin: 0 0 8px;
      color: #124d38;
      font-size: clamp(1.25rem, 2.5vw, 1.65rem);}
.about-control-message p{margin: 0;
      color: #2d5f4c;
      line-height: 1.7;}
.about-benefits{margin: 24px 0;
      padding: clamp(24px, 4vw, 34px);
      border-radius: 22px;
      background: #edf6ff;
      border: 1px solid #cde5ff;}
.about-benefits h2{margin-bottom: 18px;
      color: #17395c;
      font-size: clamp(1.35rem, 3vw, 1.8rem);}
.about-benefits ul{list-style: none;
      padding: 0;
      margin: 0;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 13px 20px;}
.about-benefits li{display: flex;
      align-items: flex-start;
      gap: 11px;
      color: #17395c;
      line-height: 1.55;}
.about-benefits li i{color: #16865c;
      margin-top: 4px;
      flex: 0 0 auto;}
details.about-more{margin-top: 24px;
      border: 1px solid #dce5ef;
      border-radius: 22px;
      background: #fff;
      box-shadow: 0 8px 28px rgba(7,20,38,.06);
      overflow: hidden;}
details.about-more summary{position: relative;
      cursor: pointer;
      list-style: none;
      padding: 22px 62px 22px 24px;
      color: #132033;
      font-weight: 750;
      font-size: 1.08rem;}
details.about-more summary::-webkit-details-marker{display: none;}
details.about-more summary::after{content: "+";
      position: absolute;
      right: 24px;
      top: 13px;
      color: var(--blue);
      font-size: 2rem;
      font-weight: 400;}
details.about-more[open] summary::after{content: "−";}
.about-more-content{padding: 0 clamp(22px, 4vw, 38px) 30px;
      border-top: 1px solid #edf1f5;}
.about-more-content h2{margin: 28px 0 10px;
      color: #132033;
      font-size: clamp(1.25rem, 2.5vw, 1.65rem);}
.about-more-content p{margin: 0 0 16px;
      color: #415165;
      font-size: clamp(.97rem, 1.6vw, 1.05rem);
      line-height: 1.75;}
.about-closing{margin-top: 26px;
      padding: clamp(22px, 4vw, 30px);
      border-radius: 20px;
      background: var(--navy);
      color: #fff;
      line-height: 1.65;
      font-size: clamp(1rem, 2vw, 1.14rem);}
.about-actions{display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 26px;}
@media (max-width: 820px){.about-hero-card{grid-template-columns: 1fr;}
.about-experience{text-align: left;}
.about-summary-grid{grid-template-columns: 1fr;}
.about-benefits ul{grid-template-columns: 1fr;}}
@media (max-width: 560px){.about-hero-card{padding: 24px 20px; border-radius: 22px;}
.about-control-message{grid-template-columns: 1fr;}
.about-actions .btn-primary, .about-actions .btn-outline{width: 100%;}}
@media (max-width: 820px){#registrationIframeWrapper{display: none !important;}
#registrationModal .modal{max-height: 96dvh;
        padding: 22px 16px;}}
.classifier-lead{font-size:1.18rem;
    line-height:1.7;
    color:#1f2937;
    margin-bottom:18px;}
.classifier-text{font-size:1rem;
    line-height:1.7;
    color:#4b5563;
    margin-bottom:14px;}
:root{--safe-bottom: env(safe-area-inset-bottom, 0px);}
html{-webkit-text-size-adjust:100%;}
body{min-width:0;}
main, .page, .section, .container, .form-page, .form-card, .modal, .classifier-page-shell{min-width:0;}
@media (hover:none){.doc-card:hover, .step-item:hover{transform:none;}}
#page-klassning .classifier-page-shell{width:min(100%,1320px);}
#page-klassning .classifier-frame-wrap{width:100%; overflow:hidden;}
#classifierFrame{width:100%; min-height:920px;}
@media (min-width:1200px){.container{max-width:1240px;}
#page-klassning .classifier-page-shell{padding-left:24px; padding-right:24px;}}
@media (max-width:900px){.header-inner{flex-direction:row;align-items:center;flex-wrap:wrap}
.nav-links{order:3;width:100%}}
@media (max-width:640px){.container{padding-left:12px!important;padding-right:12px!important}
.section{padding-top:34px;padding-bottom:34px}
.site-header{padding:7px 0}
.header-inner{gap:7px}
.hero{padding:42px 0 34px}
.hero h1{font-size:clamp(2rem,11vw,3rem)}
.form-card{border-radius:17px}
.tabs-nav{margin-left:-2px;margin-right:-2px}
.form-page-header{align-items:flex-start;gap:8px}
.form-page-header .back-btn{flex:0 0 44px;width:44px;height:44px;padding:0}
.form-page-header h2{font-size:1.3rem;line-height:1.25}
.form-page-header .badge-afs{width:100%;text-align:center}
.form-group input, .form-group select, .form-group textarea{font-size:16px!important;min-height:52px}
#page-klassning{padding-top:8px!important}
#page-klassning .classifier-page-shell{padding:0!important}
#page-klassning .classifier-page-top{margin:0 8px 8px;padding:10px 12px;border-radius:14px}
#page-klassning .classifier-frame-wrap{border-left:0;border-right:0;border-radius:0;background:#f3f7fa;box-shadow:none}
#classifierFrame{min-height:1100px!important}
.modal-overlay{padding:0;align-items:stretch}
.modal{width:100%;min-height:100dvh;max-height:100dvh;border-radius:0;padding:16px 12px calc(22px + var(--safe-bottom))}
.modal h2{padding-right:42px;line-height:1.2}
.modal-close{position:fixed;right:10px;top:8px;width:44px;height:44px;border-radius:50%;background:#f2f4f7;float:none}
#registrationIframeWrapper{display:none!important}
.tally-fallback{font-size:.84rem}
.float-btn{bottom:calc(16px + var(--safe-bottom));right:14px}
table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media (max-width:380px){.logo-wordmark{font-size:.9rem!important}
.hero h1{font-size:1.9rem}
.classifier-page-top h2{font-size:1.05rem}}
:root{--app-height:100vh;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}
html{width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-height,72px) + 12px)}
body{width:100%;min-width:320px;overflow-x:hidden;overscroll-behavior-y:none}
*, *::before, *::after{min-width:0}
img, picture, video, canvas, svg, iframe{display:block;max-width:100%}
pre, code{max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap}
.container, .classifier-page-shell{width:min(100%,1320px);padding-inline:max(12px,calc((100vw - 1320px)/2));}
button, a, input, select, textarea{touch-action:manipulation}
button, a, [role="button"]{-webkit-tap-highlight-color:transparent}
input, select, textarea{font-size:16px!important}
input[type="date"], input[type="month"], input[type="time"], input[type="file"]{min-height:52px}
input[type="file"]{width:100%;padding:10px;border:1.5px dashed #9fb6cc;border-radius:12px;background:#f8fbff}
input[type="file"]::file-selector-button{min-height:42px;margin-right:10px;padding:9px 14px;border:0;border-radius:10px;background:#0071e3;color:#fff;font-weight:700;cursor:pointer}
.site-header{padding-top:max(7px,var(--safe-top))}
.modal-overlay{padding:clamp(8px,2vw,18px);padding-bottom:max(clamp(8px,2vw,18px),var(--safe-bottom))}
.modal{width:min(100%,720px);max-height:calc(var(--app-height) - max(16px,var(--safe-top)) - max(16px,var(--safe-bottom)));overscroll-behavior:contain}
.tally-iframe-wrapper{width:100%;min-height:640px;overflow:hidden;border-radius:14px}
.tally-iframe-wrapper iframe{width:100%;min-height:640px;height:min(78vh,860px);border:0}
table{width:100%}
.preview-box{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
@media (max-width:1024px){.grid-2{grid-template-columns:1fr!important}}
@media (max-width:820px){.site-header{position:sticky;top:0}
.header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
.nav-links{grid-column:1/-1;width:100%;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding:3px 0 5px}
.nav-links a{flex:0 0 auto;min-height:40px;display:inline-flex;align-items:center}
.modal-overlay{padding:0;align-items:stretch}
.modal{width:100%;max-width:none;min-height:var(--app-height);max-height:var(--app-height);border-radius:0;padding:calc(16px + var(--safe-top)) 14px calc(22px + var(--safe-bottom))}
#registrationIframeWrapper{display:none!important}
.tally-fallback{display:block}}
@media (max-width:640px){body{min-width:0}
.container, .classifier-page-shell{padding-inline:12px!important}
.docs-grid, .steps-grid, .reason-grid{grid-template-columns:1fr!important}
.hero{padding-top:42px;padding-bottom:38px}
.hero h1{font-size:clamp(2rem,11vw,3rem)}
.controls{display:grid!important;grid-template-columns:1fr!important}
.controls>*{width:100%!important;min-width:0!important;margin-right:0!important}
.section{padding-block:34px}
.form-card, .tutorial-container, .form-section, .preview-section{padding:18px!important;border-radius:16px!important}
.tabs-nav{justify-content:flex-start}
.tab-btn{flex:0 0 auto}
.float-btn{bottom:calc(16px + var(--safe-bottom));right:14px}
table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
th, td{white-space:normal;overflow-wrap:anywhere}}
@media (max-width:380px){.container, .classifier-page-shell{padding-inline:9px!important}
.btn-primary, .btn-outline, .btn{padding-left:12px!important;padding-right:12px!important}
.logo{font-size:.96rem}}
@media (orientation:landscape) and (max-height:520px){.modal{padding-top:12px;min-height:var(--app-height);max-height:var(--app-height)}
.hero{padding-top:28px;padding-bottom:28px}}
@media (min-width:1600px){.container, .classifier-page-shell{width:min(100%,1440px)}}
@media print{.site-header, .float-btn, .cookie-banner, .modal-overlay{display:none!important}
.page{display:block!important}
.section, .form-page{background:#fff!important}}
html, body{min-height:100%;}
body:not(.nav-open){overflow-y:auto;}
.float-btn{width:auto;height:auto;min-width:0;min-height:52px;padding:0 20px;border-radius:999px;gap:9px;font-size:1rem;font-weight:700;white-space:nowrap;}
.float-btn i{font-size:1.15rem;}
.float-btn span{display:inline;}
@media (max-width:520px){.float-btn{min-height:48px;padding:0 16px;right:14px;bottom:calc(16px + var(--safe-bottom));font-size:.9rem;}
.float-btn i{font-size:1rem;}}
html{overflow-x:hidden!important;overflow-y:auto!important;scroll-behavior:smooth}
body{overflow-x:hidden!important;overflow-y:auto!important;min-height:100%;overscroll-behavior-y:auto!important}
.content-wrapper{min-height:100dvh!important;overflow:visible!important}
.page{width:100%;min-height:calc(100dvh - var(--header-height,72px));overflow:visible!important}
.page.active{display:block!important;overflow:visible!important}
.page:not(.active){display:none!important}
.site-header{position:sticky!important;top:0;z-index:1000;padding:0!important;background:rgba(7,20,38,.96)!important;box-shadow:0 6px 24px rgba(0,0,0,.18);backdrop-filter:blur(14px)}
.launch-header{min-height:72px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding-top:8px;padding-bottom:8px}
.launch-logo{gap:9px;text-decoration:none;white-space:nowrap}
.launch-logo .logo-gauge{width:42px;height:42px;flex:0 0 42px}
.launch-logo .logo-wordmark{font-size:1.03rem;letter-spacing:.04em}
.launch-logo .logo-kollen{color:#70b7ff}
.launch-nav{display:flex!important;align-items:center;justify-content:center;gap:4px;flex-wrap:nowrap!important;min-width:0}
.launch-nav>a{display:inline-flex;align-items:center;gap:6px;padding:10px 9px;border-radius:10px;color:#dce8f5!important;font-size:.82rem!important;font-weight:650;text-decoration:none;white-space:nowrap;transition:background .18s,color .18s}
.launch-nav>a p{display:none!important}
.launch-nav>a i{margin:0!important;color:#70b7ff}
.launch-nav>a:hover, .launch-nav>a:focus-visible{background:rgba(255,255,255,.09);color:#fff!important}
.nav-question, .nav-register{border:0;cursor:pointer;font:inherit}
.mobile-nav-actions{display:none}
.nav-backdrop{z-index:998!important}
.menu-toggle{z-index:1002}
@media (max-width:1180px){.launch-header{grid-template-columns:auto 1fr auto;gap:13px}
.launch-nav>a{font-size:.76rem!important;padding-inline:6px}
.launch-nav>a i{display:none}}
@media (max-width:900px){body.nav-open{overflow:hidden!important}
.launch-header{display:flex;min-height:68px}
.launch-logo{margin-right:auto}
.menu-toggle{display:block!important;margin:0!important}
.launch-nav{position:fixed!important;inset:0 0 0 auto;z-index:1001;width:min(88vw,390px)!important;height:100dvh;padding:86px 18px 24px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:7px!important;background:#071426!important;overflow-y:auto!important;transform:translateX(105%);transition:transform .24s ease;box-shadow:-20px 0 55px rgba(0,0,0,.42)}
.launch-nav.open{transform:translateX(0)}
.launch-nav>a{min-height:50px;padding:12px 14px!important;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);font-size:.96rem!important}
.launch-nav>a i{display:inline-block;width:24px}
.mobile-nav-actions{display:grid;gap:9px;margin-top:12px;padding-top:15px;border-top:1px solid rgba(255,255,255,.13)}
.nav-question, .nav-register{min-height:49px;border-radius:13px;font-weight:750}
.nav-question{background:rgba(255,255,255,.1);color:#fff}
.nav-register{background:#0a73e8;color:#fff}}
@media (max-width:620px){.launch-header{padding-inline:14px}
.launch-logo .logo-gauge{width:38px;height:38px;flex-basis:38px}
.launch-logo .logo-wordmark{font-size:.93rem}
.background-overlay{background:rgba(0,0,0,.58)!important}}
.form-page{padding-top: 12px !important;}
.form-page-header{margin-top: 0 !important;
      margin-bottom: 12px !important;
      padding-top: 0 !important;}
.page.active .container:first-child{padding-top: 0 !important;}
@media (max-width:768px){.form-page{padding-top: 6px !important;}
.form-page-header{margin-bottom: 8px !important;}}
#page-main .why-tryckkollen{padding:clamp(58px,8vw,90px) 0;background:#f4f7fb;color:#132033}
#page-main .why-tryckkollen-inner{width:min(1120px,calc(100% - 48px));margin:0 auto}
#page-main .why-tryckkollen-head{max-width:850px;margin:0 auto 36px;text-align:center}
#page-main .why-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;padding:7px 12px;border-radius:999px;background:#e7f2ff;color:#075eae;font-size:.8rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase}
#page-main .why-tryckkollen-head h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;letter-spacing:-.04em;color:#071426;margin:0 0 14px}
#page-main .why-tryckkollen-head p{max-width:760px;margin:0 auto;color:#5f6b7a;font-size:clamp(1rem,2vw,1.12rem);line-height:1.75}
#page-main .why-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:34px}
#page-main .why-card{position:relative;overflow:hidden;background:#fff;border:1px solid #dfe7f0;border-radius:26px;padding:clamp(24px,4vw,34px);box-shadow:0 18px 50px rgba(7,20,38,.09)}
#page-main .why-card.register{border-top:5px solid #16865c}
#page-main .why-card.pressure{border-top:5px solid #d94848}
#page-main .why-card-header{display:flex;align-items:center;gap:14px;margin-bottom:22px}
#page-main .why-card-icon{width:54px;height:54px;display:grid;place-items:center;flex:0 0 54px;border-radius:17px;font-size:1.35rem}
#page-main .why-card.register .why-card-icon{background:#e6f6ef;color:#16865c}
#page-main .why-card.pressure .why-card-icon{background:#fff0f0;color:#c83d3d}
#page-main .why-card h3{margin:0;color:#071426;font-size:clamp(1.15rem,2vw,1.42rem);line-height:1.3}
#page-main .why-card-subtitle{display:block;margin-top:3px;color:#6b7787;font-size:.86rem;font-weight:600}
#page-main .why-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
#page-main .why-list li{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;color:#314155;line-height:1.55}
#page-main .why-list i{margin-top:3px;font-size:1.05rem}
#page-main .why-card.register .why-list i{color:#16865c}
#page-main .why-card.pressure .why-list i{color:#c83d3d}
#page-main .why-explanation{margin-top:24px;background:#071426;color:#fff;border-radius:26px;padding:clamp(26px,5vw,42px);box-shadow:0 20px 55px rgba(7,20,38,.2)}
#page-main .why-explanation h3{margin:0 0 14px;color:#fff;font-size:clamp(1.55rem,3vw,2.25rem);letter-spacing:-.03em}
#page-main .why-explanation p{margin:0 0 14px;color:#d7e3ef;line-height:1.75}
#page-main .why-explanation p:last-child{margin-bottom:0}
#page-main .why-explanation strong{color:#fff}
#page-main .why-benefits{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:22px}
#page-main .why-benefits h4{display:flex;align-items:center;gap:9px;margin:0 0 15px;color:#fff;font-size:1.08rem}
#page-main .why-benefits h4 i{color:#70e0ad}
#page-main .why-benefits ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
#page-main .why-benefits li{display:flex;align-items:flex-start;gap:9px;color:#e8f1fa;font-size:.94rem;line-height:1.5}
#page-main .why-benefits li i{color:#70e0ad;margin-top:3px;flex:0 0 auto}
#page-main .why-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:22px 24px;background:#fff;border:1px solid #dfe7f0;border-radius:20px;box-shadow:0 12px 35px rgba(7,20,38,.07)}
#page-main .why-cta-copy strong{display:block;color:#071426;font-size:1.08rem;margin-bottom:4px}
#page-main .why-cta-copy span{color:#5f6b7a;line-height:1.55}
#page-main .why-cta .btn-primary{flex:0 0 auto;white-space:nowrap}
@media (max-width:850px){#page-main .why-comparison{grid-template-columns:1fr}}
@media (max-width:640px){#page-main .why-tryckkollen-inner{width:min(100% - 32px,1120px)}
#page-main .why-card{padding:22px;border-radius:21px}
#page-main .why-card-header{align-items:flex-start}
#page-main .why-explanation{border-radius:22px;padding:24px 20px}
#page-main .why-cta{align-items:stretch;flex-direction:column;padding:20px}
#page-main .why-cta .btn-primary{width:100%}}
#page-ansvar .kf-section{padding:clamp(52px,8vw,78px) 0}
#page-ansvar .kf-section.kf-dark{background:linear-gradient(180deg,#071426 0%,#0b2442 100%);color:#fff}
#page-ansvar .kf-container{width:min(1120px,calc(100% - 48px));margin:0 auto}
#page-ansvar .kf-head{max-width:820px;margin:0 auto 38px;text-align:center}
#page-ansvar .kf-head h2{font-size:clamp(2rem,4vw,3.15rem);line-height:1.12;letter-spacing:-.04em;margin-bottom:14px;color:#fff}
#page-ansvar .kf-head p{margin:0;color:#c7d4e3;font-size:clamp(1rem,2vw,1.08rem);line-height:1.7}
#page-ansvar .kf-responsibility{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px}
#page-ansvar .kf-role-card{min-width:0;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:24px;padding:28px;box-shadow:0 18px 45px rgba(0,0,0,.18);backdrop-filter:blur(8px);transition:transform .2s ease,background .2s ease,border-color .2s ease}
#page-ansvar .kf-role-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.1);border-color:rgba(99,170,255,.45)}
#page-ansvar .kf-role-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:17px;background:#0a73e8;color:#fff;font-size:1.35rem;margin-bottom:18px;box-shadow:0 10px 24px rgba(10,115,232,.28)}
#page-ansvar .kf-role-card h3{color:#fff;font-size:clamp(1.12rem,2vw,1.3rem);line-height:1.3;margin:0 0 11px}
#page-ansvar .kf-role-card p{color:#d8e3ef;line-height:1.7;margin:0;font-size:.96rem}
#page-ansvar .kf-legal-warning{margin-top:24px;background:#fff8e8;border:1px solid #efd69a;border-left:5px solid #e7a400;color:#5b4714;border-radius:18px;padding:20px 22px;line-height:1.7}
#page-ansvar .kf-legal-warning strong{display:flex;align-items:center;gap:9px;margin-bottom:8px;color:#4a390f;font-size:1.04rem}
#page-ansvar .kf-legal-warning strong i{color:#d99600;flex:0 0 auto}
@media (max-width:900px){#page-ansvar .kf-responsibility{grid-template-columns:1fr 1fr}
#page-ansvar .kf-role-card:last-child{grid-column:1/-1}}
@media (max-width:640px){#page-ansvar .kf-container{width:min(100% - 32px,1120px)}
#page-ansvar .kf-responsibility{grid-template-columns:1fr;gap:14px}
#page-ansvar .kf-role-card:last-child{grid-column:auto}
#page-ansvar .kf-role-card{padding:22px;border-radius:20px}
#page-ansvar .kf-head{margin-bottom:26px}
#page-ansvar .kf-legal-warning{padding:18px}}

/* Egen guidesida: Vem ansvarar för vad */
#page-ansvar .ansvar-guide-top{padding:22px 0 14px;border-bottom:0;background:#f4f7fb}
#page-ansvar .ansvar-guide-nav{display:flex;align-items:center;justify-content:space-between;gap:14px}
#page-ansvar .ansvar-guide-label{display:inline-flex;align-items:center;gap:8px;color:#526273;font-weight:700;font-size:.92rem}
@media(max-width:640px){
  #page-ansvar .ansvar-guide-top{padding:14px 0 10px}
  #page-ansvar .ansvar-guide-nav{padding-left:16px;padding-right:16px}
  #page-ansvar .ansvar-guide-label{font-size:.82rem}
  #page-ansvar .kf-section{padding:30px 0 !important}
  #page-ansvar .kf-head h2{font-size:1.7rem !important}
  #page-ansvar .kf-head p{font-size:.94rem !important;line-height:1.55 !important}
}
:root{--header-height: 72px;}
.site-header{position: fixed !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      width: 100% !important;
      z-index: 1000 !important;
      background: rgba(7, 20, 38, .94) !important;
      border-bottom: 1px solid rgba(255, 255, 255, .11) !important;
      box-shadow: 0 4px 18px rgba(0, 0, 0, .16);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      transform: translateZ(0);
      transition: background-color .2s ease, box-shadow .2s ease;}
.site-header.scrolled{background: rgba(7, 20, 38, .985) !important;
      box-shadow: 0 9px 28px rgba(0, 0, 0, .30);}
.content-wrapper{padding-top: var(--header-height, 72px) !important;}
html{scroll-padding-top: calc(var(--header-height, 72px) + 14px);}
@media (max-width: 900px){.site-header{padding-top: env(safe-area-inset-top, 0px) !important;}
.launch-header{min-height: 68px;}}
@media (max-width: 620px){.launch-header{min-height: 64px;}}
@media (prefers-reduced-motion: reduce){.site-header{transition: none;}}
@media (max-width:620px){.background-image img{object-position:58% center!important}
.background-overlay{background:linear-gradient(180deg,rgba(3,14,28,.38),rgba(3,14,28,.58) 52%,rgba(3,14,28,.82))!important}}
#registrationModal{z-index: 3000 !important;}
#questionModal{z-index: 6000 !important;}
@media (max-width: 640px){#floatQuestionBtn{display: none !important;}
#registrationModal{padding: 0 !important;
        align-items: stretch !important;}
#registrationModal .modal{width: 100% !important;
        max-width: none !important;
        min-height: 100dvh !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        padding: max(18px, env(safe-area-inset-top)) 14px max(28px, env(safe-area-inset-bottom)) !important;
        border-radius: 0 !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        scroll-padding-top: 20px;}
#registrationModal .modal-close{position: sticky !important;
        top: 0 !important;
        z-index: 5 !important;
        margin-left: auto;
        display: block;
        background: rgba(255,255,255,.96) !important;
        border-radius: 50%;}
#registrationModal .consent-section{margin-top: 8px !important;
        padding: 16px !important;}
#registrationModal .consent-section label{gap: 12px !important;
        line-height: 1.45;}
#registrationModal .consent-section input[type="checkbox"]{width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
        margin-top: 1px !important;}
#registrationModal .tally-iframe-wrapper, #registrationModal .tally-iframe-wrapper iframe{min-height: 68dvh !important;
        height: 68dvh !important;
        max-height: none !important;}}
@media (max-width: 680px){.site-header{padding:5px 0 !important;}
.launch-header{min-height:50px !important; padding-inline:12px !important;}
.launch-logo .logo-gauge{width:31px !important; height:31px !important; flex-basis:31px !important;}
.launch-logo .logo-wordmark{font-size:.82rem !important;}
.menu-toggle{width:38px !important; height:38px !important; border-radius:9px !important;}}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-start-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-start-card{position:relative;background:#fff;border:1px solid var(--kf-line);border-radius:20px;
      padding:22px;box-shadow:0 10px 28px rgba(15,34,58,.06)}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-start-card>span{position:absolute;top:16px;right:16px;width:30px;height:30px;border-radius:50%;
      display:grid;place-items:center;background:#edf3fa;color:#64768b;font-size:.76rem;font-weight:800}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-start-card>i{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;
      background:#eaf4ff;color:#0a73e8;font-size:1.15rem;margin-bottom:14px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-start-card h3{font-size:1.06rem;margin-bottom:7px;color:#132033}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-start-card p{color:#5f6b7a;font-size:.89rem;line-height:1.58}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-example-note, :is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-plain-language{display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:17px 19px;
      border-radius:16px;background:#edf6ff;border:1px solid #cce2fa;color:#24496d}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-example-note i, :is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-plain-language i{color:#0a73e8;margin-top:4px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-table-card{overflow:hidden;background:#fff;border:1px solid var(--kf-line);border-radius:24px;
      box-shadow:0 14px 40px rgba(15,34,58,.07)}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-table-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;
      padding:22px 24px;background:linear-gradient(135deg,#edf6ff,#fbfdff);
      border-bottom:1px solid #d9e8f7}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-table-intro small{color:#075fbe;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-table-intro h3{font-size:1.25rem;margin-top:3px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-table-badge{flex:0 0 auto;background:#071426;color:#fff;border-radius:14px;padding:10px 14px;text-align:center}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-table-badge span{display:block;color:#acc1d7;font-size:.68rem}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-table-badge strong{font-size:.88rem}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-table-scroll{overflow-x:auto}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-control-table{width:100%;min-width:850px;border-collapse:collapse}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-control-table th, :is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-control-table td{padding:16px 18px;border-bottom:1px solid var(--kf-line);text-align:left;vertical-align:middle}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-control-table thead th{background:#071426;color:#fff;font-size:.8rem}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-control-table thead small{color:#b9c9d9}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-control-table tbody tr:nth-child(even){background:#f8fafc}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-control-table tbody tr:last-child th, :is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-control-table tbody tr:last-child td{border-bottom:0}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-coincide-row{background:#fff8e8!important}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-check{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;
      background:#e9f8f1;color:#0b6b49;font-size:.76rem;font-weight:800}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-empty{color:#8d9aaa;font-size:.82rem}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-first-tag{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eaf4ff;color:#075fbe;
      font-size:.76rem;font-weight:800}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-coincide{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;
      background:#ffe9bd;color:#76510b;font-size:.74rem;font-weight:800}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-period-example{margin-bottom:18px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-exception{margin-top:18px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-summary-table{min-width:720px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-window-result{grid-template-columns:1fr auto 1fr auto 1fr}
@media (max-width:900px){:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-start-flow{grid-template-columns:1fr 1fr}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-table-intro{align-items:flex-start;flex-direction:column}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-table-badge{width:100%}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-window-result{grid-template-columns:1fr}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-window-result>i{transform:rotate(90deg)}}
@media (max-width:600px){:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kpa-start-flow{grid-template-columns:1fr}}
@media (max-width: 900px){.site-header{padding-top: env(safe-area-inset-top, 0px) !important;}
.site-header > .container.launch-header{display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        min-height: 68px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        gap: 12px !important;}
.launch-logo{display: flex !important;
        align-items: center !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        margin: 0 !important;}
.menu-toggle{display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-direction: column !important;
        flex: 0 0 46px !important;
        width: 46px !important;
        height: 46px !important;
        margin: 0 0 0 auto !important;
        padding: 0 !important;
        position: relative !important;
        top: auto !important;
        right: auto !important;
        align-self: center !important;
        transform: none;}
.menu-toggle span{display: block !important;
        width: 22px !important;
        height: 2px !important;
        margin: 3px 0 !important;
        flex: 0 0 auto !important;}}
@media (max-width: 680px){.site-header > .container.launch-header{min-height: 50px !important;
        padding-inline: 12px !important;}
.menu-toggle{flex-basis: 38px !important;
        width: 38px !important;
        height: 38px !important;
        border-radius: 9px !important;}
.menu-toggle span{width: 20px !important;
        margin: 2.5px 0 !important;}}
.documentation-info{max-width:900px;
    margin:60px auto;
    padding:40px;
    background:#ffffff;
    border:1px solid #dbe6f2;
    border-radius:18px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    text-align:center;}
.documentation-info h2{margin:0 0 25px;
    font-size:2rem;
    color:#003366;}
.documentation-info p{margin:18px 0;
    font-size:1.08rem;
    line-height:1.8;
    color:#333;}
.documentation-info strong{color:#003366;
    font-weight:700;}
.documentation-highlight{margin-top:35px;
    padding:20px;
    background:#f4f8fc;
    border-left:5px solid #0056b3;
    border-radius:12px;
    font-size:1.1rem;}
#page-main{--home-navy:#071426;
  --home-blue:#0a73e8;
  --home-blue-dark:#075bb8;
  --home-green:#16865c;
  --home-ink:#132033;
  --home-muted:#5f6b7a;
  --home-surface:#f4f7fb;
  --home-border:#dfe7f1;
  --home-radius:22px;
  --home-shadow:0 14px 40px rgba(7,20,38,.09);
  background:#fff;
  color:var(--home-ink);}
#page-main .container, #page-main .why-tryckkollen-inner{width:min(1180px,calc(100% - 48px));
  max-width:none;
  margin-inline:auto;}
#page-main .section, #page-main .why-tryckkollen{padding-block:clamp(58px,7vw,92px);}
#page-main .section-title, #page-main .why-tryckkollen-head h2{color:var(--home-navy);
  font-size:clamp(1.85rem,3.5vw,3rem);
  line-height:1.12;
  letter-spacing:-.035em;
  text-wrap:balance;}
#page-main .section-subtitle, #page-main .why-tryckkollen-head p{max-width:760px;
  color:var(--home-muted);
  font-size:clamp(1rem,1.6vw,1.12rem);
  line-height:1.75;}
.doc-card, .why-card, .about-summary-card){border:1px solid var(--home-border);
  border-radius:var(--home-radius);
  box-shadow:var(--home-shadow);}
.doc-card, .why-card, .about-summary-card){transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
@media (hover:hover){.doc-card, .why-card, .about-summary-card):hover{transform:translateY(-4px);
    border-color:#b9d6f4;
    box-shadow:0 20px 48px rgba(7,20,38,.13);}}
#page-main .btn-primary, #page-main .btn-outline, #page-main .btn{min-height:52px;
  border-radius:999px;
  font-weight:700;
  line-height:1.2;}
#page-main .why-tryckkollen{background:var(--home-surface);color:var(--home-ink)}
#page-main .why-tryckkollen-head{max-width:850px;margin:0 auto clamp(30px,5vw,46px);text-align:center}
#page-main .why-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:7px 12px;border-radius:999px;background:#e5f1ff;color:#075aa9;font-weight:800;font-size:.8rem;letter-spacing:.02em}
#page-main .why-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
#page-main .why-card{padding:clamp(22px,3vw,32px);background:#fff;overflow:hidden}
#page-main .why-card.pressure{border-top:5px solid #cf3e3e}
#page-main .why-card.register{border-top:5px solid var(--home-green)}
#page-main .why-card-header{display:flex;align-items:center;gap:14px;padding-bottom:20px;margin-bottom:6px;border-bottom:1px solid var(--home-border)}
#page-main .why-card-icon{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;border-radius:15px;background:#edf4fb;color:var(--home-blue);font-size:1.3rem}
#page-main .why-card h3{margin:0 0 3px;color:var(--home-navy);font-size:clamp(1.1rem,2vw,1.35rem)}
#page-main .why-card-subtitle{color:var(--home-muted);font-size:.84rem}
#page-main .why-list{list-style:none;margin:0;padding:0;display:grid}
#page-main .why-list li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:11px;padding:16px 0;border-bottom:1px solid #edf1f6;line-height:1.65;color:#37465a}
#page-main .why-list li:last-child{border-bottom:0;padding-bottom:0}
#page-main .why-card.pressure .why-list>li>i{color:#cf3e3e;margin-top:4px}
#page-main .why-card.register .why-list>li>i{color:var(--home-green);margin-top:4px}
#page-main .why-list strong{color:var(--home-navy)}
#page-main .why-explanation{max-width:950px;margin:20px auto 0}
#page-main .why-benefits{padding:clamp(22px,3vw,30px);border:1px solid var(--home-border);border-radius:22px;background:#fff;box-shadow:var(--home-shadow)}
#page-main .why-benefits h3{display:flex;align-items:center;gap:10px;margin:0 0 16px;color:var(--home-navy)}
#page-main .why-benefits h3 i{color:var(--home-blue)}
#page-main .why-benefits ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}
#page-main .why-benefits li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:9px;line-height:1.55;color:#415064}
#page-main .why-benefits li i{color:var(--home-green);margin-top:4px}
#page-main .why-cta{max-width:950px;margin:20px auto 0;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-radius:22px;background:#fff;border:1px solid var(--home-border);box-shadow:var(--home-shadow)}
#page-main .why-cta-copy{display:grid;gap:4px}
#page-main .why-cta-copy strong{font-size:1.15rem;color:var(--home-navy)}
#page-main .why-cta-copy span{color:var(--home-muted);line-height:1.5}
#page-main .classifier-promo{background:#fff}
#page-main .classifier-promo-inner{border-radius:28px;padding:clamp(28px,5vw,52px);background:var(--home-surface);border:1px solid var(--home-border)}
#page-main .classifier-promo h1{font-size:clamp(1rem,1.7vw,1.2rem);color:var(--home-blue);letter-spacing:.01em;margin-bottom:10px}
#page-main .classifier-promo h2{font-size:clamp(1.75rem,3.5vw,2.8rem);color:var(--home-navy)}
#page-main .section-light{background:#fff}
#page-main .section-dark{background:var(--home-navy)}
#page-main img, #page-main svg, #page-main video, #page-main iframe{max-width:100%}
#page-main p, #page-main li, #page-main span{overflow-wrap:anywhere}
@media (max-width:820px){#page-main .container, #page-main .why-tryckkollen-inner{width:min(100% - 32px,1180px)}
#page-main .why-comparison{grid-template-columns:1fr}
#page-main .why-benefits ul{grid-template-columns:1fr}
#page-main .why-cta{align-items:flex-start;flex-direction:column}}
@media (max-width:640px){#page-main .container, #page-main .why-tryckkollen-inner{width:min(100% - 24px,1180px);padding-inline:0!important}
#page-main .section, #page-main .why-tryckkollen{padding-block:44px}
#page-main .classifier-promo-inner{padding:20px;border-radius:20px}
#page-main .why-card{padding:20px}
#page-main .why-list li{font-size:.94rem}
#page-main .why-benefits, #page-main .why-cta{padding:20px}
#page-main .why-cta .btn-primary{width:100%}}
@media (max-width:380px){#page-main .container, #page-main .why-tryckkollen-inner{width:min(100% - 18px,1180px)}
#page-main .why-card-header{align-items:flex-start}
#page-main .why-card-icon{width:44px;height:44px;flex-basis:44px}}
@media (min-width:1600px){#page-main .container, #page-main .why-tryckkollen-inner{width:min(1320px,calc(100% - 80px))}}
@media (prefers-reduced-motion:reduce){#page-main *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
#page-main{background:transparent !important;}
.background-image{position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100svh !important;
  min-height:100vh !important;
  z-index:-2 !important;
  background:#071426;}
.background-image img{width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  opacity:1 !important;
  visibility:visible !important;}
.background-overlay{z-index:-1 !important;
  pointer-events:none;}
#page-main .classifier-promo{position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#061a30 0%,#0b3159 58%,#0a73e8 135%) !important;
  color:#fff !important;}
#page-main .classifier-promo::before{display:block;}
#page-main .classifier-promo-inner{background:transparent !important;
  border:0 !important;
  box-shadow:none !important;}
#page-main .classifier-promo h1{color:#69adff !important;}
#page-main .classifier-promo h2, #page-main .classifier-promo .classifier-lead, #page-main .classifier-promo .classifier-lead strong, #page-main .classifier-promo .classifier-text, #page-main .classifier-promo .classifier-text strong, #page-main .classifier-promo .classifier-points, #page-main .classifier-promo .classifier-points li, #page-main .classifier-promo .classifier-kicker{color:#fff !important;
  opacity:1 !important;}
#page-main .classifier-promo .classifier-text, #page-main .classifier-promo .classifier-lead{max-width:720px;}
#page-main .classifier-promo .classifier-kicker{background:rgba(255,255,255,.09) !important;
  border-color:rgba(255,255,255,.28) !important;}
#page-main .classifier-promo .classifier-visual{background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.20) !important;}
#page-main .classifier-promo .classifier-result-demo{background:#fff !important;
  color:#132033 !important;}
#page-main .classifier-promo .classifier-result-demo strong{color:#132033 !important;}
#page-main .classifier-promo .classifier-result-demo span{color:#5f6b7a !important;}
#page-main .section-light, #page-main .documentation-info, #page-main .why-tryckkollen{position:relative;}
@media (max-width:768px){.background-image img{object-position:58% center !important;}}
@media (max-width:480px){.background-image img{object-position:62% center !important;}}
.wow-hero{position:relative;overflow:hidden;padding:clamp(54px,8vw,96px) 0 clamp(70px,9vw,110px);color:#fff;background:radial-gradient(circle at 78% 32%,rgba(30,130,255,.28),transparent 32%),linear-gradient(135deg,rgba(4,14,30,.96),rgba(8,35,68,.88));}
.wow-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent);pointer-events:none}
.wow-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:clamp(42px,7vw,86px);align-items:center}
.wow-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid rgba(122,183,255,.35);border-radius:999px;background:rgba(10,115,232,.12);color:#b9d9ff;font-size:.82rem;font-weight:700;letter-spacing:.02em}
.wow-hero h1{font-size:clamp(2.55rem,5.5vw,5rem);line-height:1.02;max-width:800px;margin:20px 0 22px;letter-spacing:-.055em}
.wow-hero h1 span{display:block;color:#70b7ff}
.wow-lead{font-size:clamp(1.03rem,1.8vw,1.22rem);line-height:1.7;color:#dce9f8;max-width:760px}
.wow-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.wow-btn{display:inline-flex;align-items:center;gap:13px;min-height:66px;padding:13px 22px;border-radius:18px;text-decoration:none;border:1px solid rgba(255,255,255,.18);transition:.22s ease;cursor:pointer;font:inherit;text-align:left}
.wow-btn i{font-size:1.35rem}
.wow-btn span{display:grid}
.wow-btn strong{font-size:1rem}
.wow-btn small{font-size:.78rem;font-weight:500;margin-top:2px}
.wow-btn-main{background:linear-gradient(135deg,#0a73e8,#0759bd);color:#fff;box-shadow:0 16px 38px rgba(0,113,227,.35)}
.wow-btn-main:hover{transform:translateY(-3px);box-shadow:0 20px 48px rgba(0,113,227,.48)}
.wow-btn-secondary{background:rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(12px)}
.wow-btn-secondary:hover{background:rgba(255,255,255,.14);transform:translateY(-3px)}
.wow-trust{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:24px;color:#cfe0f3;font-size:.88rem}
.wow-trust span{display:inline-flex;align-items:center;gap:7px}
.wow-trust i{color:#68d9a5}
.wow-visual{position:relative;min-height:510px;display:grid;place-items:center}
.wow-glow{position:absolute;border-radius:50%;filter:blur(20px);opacity:.7}
.wow-glow-one{width:230px;height:230px;background:#0874ea;right:4%;top:6%}
.wow-glow-two{width:190px;height:190px;background:#12a875;left:2%;bottom:4%}
.wow-document-card{position:relative;z-index:2;width:min(100%,470px);padding:25px;border-radius:27px;background:rgba(255,255,255,.97);color:#132033;box-shadow:0 35px 90px rgba(0,0,0,.38);transform:rotate(1.5deg)}
.wow-doc-head{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid #dfe7f1}
.wow-doc-logo{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#0a73e8;color:#fff;font-size:1.25rem}
.wow-doc-head div{display:grid;flex:1}
.wow-doc-head small{font-size:.68rem;letter-spacing:.14em;color:#68788b;font-weight:800}
.wow-doc-head strong{font-size:1.18rem}
.wow-ready{padding:6px 9px;border-radius:999px;background:#dff6eb;color:#08764d;font-size:.66rem;font-weight:800}
.wow-doc-row{display:flex;justify-content:space-between;gap:15px;padding:17px 0}
.wow-doc-row span, .wow-doc-grid span{font-size:.72rem;color:#6a7889}
.wow-doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wow-doc-grid div{display:grid;gap:4px;padding:12px;background:#f2f6fb;border-radius:12px}
.wow-doc-grid strong{font-size:.86rem}
.wow-doc-checks{display:grid;gap:9px;margin:17px 0;color:#34465a;font-size:.8rem}
.wow-doc-checks i{width:20px;height:20px;display:inline-grid;place-items:center;border-radius:50%;background:#dff6eb;color:#078255;margin-right:7px;font-size:.65rem}
.wow-doc-footer{padding:13px 14px;border-radius:12px;background:#0b2442;color:#fff;font-size:.79rem;font-weight:700}
.wow-doc-footer i{color:#70b7ff;margin-right:7px}
.wow-float-card{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:13px 15px;border-radius:16px;background:#fff;color:#132033;box-shadow:0 18px 44px rgba(0,0,0,.28)}
.wow-float-card i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#e8f3ff;color:#0a73e8}
.wow-float-card span{display:grid;font-size:.83rem;font-weight:800}
.wow-float-card small{font-size:.68rem;color:#68788b;font-weight:500}
.wow-float-upload{left:-3%;top:12%}
.wow-float-save{right:-5%;bottom:12%}
.wow-process, .wow-tools{background:#f4f7fb;padding:clamp(64px,8vw,96px) 0}
.wow-section-heading{text-align:center;max-width:820px;margin:0 auto 38px}
.wow-section-heading>span{color:#0a73e8;font-weight:800;text-transform:uppercase;font-size:.76rem;letter-spacing:.12em}
.wow-section-heading h2{font-size:clamp(2rem,4vw,3.25rem);margin:10px 0 12px;color:#102238}
.wow-section-heading p{color:#5f6b7a;font-size:1.05rem;line-height:1.7}
.wow-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch}
.wow-process-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;border:1px solid #dce6f1;border-radius:24px;color:inherit;text-decoration:none;box-shadow:0 12px 35px rgba(18,42,70,.07);transition:transform .18s ease;isolation:isolate}
.wow-process-card:hover{transform:translateY(-2px)}
.wow-process-card:focus-visible{outline:3px solid #0a73e8;outline-offset:4px}
.wow-process-card:hover .wow-process-visual{transform:none}
.wow-process-card:hover .wow-card-link i{transform:none}
.wow-step{position:absolute;right:16px;top:16px;z-index:3;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e8f3ff;color:#0a73e8;font-size:.85rem;font-weight:800;box-shadow:0 4px 12px rgba(10,115,232,.12)}
.wow-process-visual{height:168px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(145deg,#edf6ff 0%,#f8fbff 55%,#eaf3fc 100%);border-bottom:1px solid #e3edf7;transition:transform .28s ease}
.wow-process-visual:before{content:"";position:absolute;width:145px;height:145px;border-radius:50%;background:rgba(10,115,232,.08);right:-42px;top:-55px}
.wow-process-visual:after{content:"";position:absolute;width:95px;height:95px;border-radius:50%;background:rgba(22,134,92,.07);left:-35px;bottom:-44px}
.wow-process-content{display:flex;flex:1;flex-direction:column;padding:22px 21px 20px}
.wow-process-content h3{font-size:1.1rem;line-height:1.35;color:#132033;margin:0 0 9px}
.wow-process-content p{color:#647184;font-size:.9rem;line-height:1.65;margin:0 0 18px}
.wow-card-link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;color:#0768ce;font-size:.84rem;font-weight:800;line-height:1.35}
.wow-card-link i{font-size:.75rem;transition:transform .2s ease}
.wow-process-mini-icon{position:absolute;left:16px;top:16px;z-index:2;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#fff;color:#0a73e8;box-shadow:0 6px 18px rgba(18,42,70,.12)}
/* Steg 1: kontrollintyg och tillverkningsskylt */
.wow-upload-scene{position:relative;z-index:1;width:178px;height:118px}
.wow-paper{position:absolute;background:#fff;border:1px solid #cddceb;border-radius:9px;box-shadow:0 9px 24px rgba(18,42,70,.13)}
.wow-paper-main{left:4px;top:7px;width:91px;height:108px;padding:13px 10px}
.wow-paper-main strong{display:block;color:#15324f;font-size:.55rem;margin-bottom:8px}
.wow-paper-main span{display:block;height:4px;border-radius:4px;background:#dfe9f3;margin:6px 0}
.wow-paper-main span:nth-of-type(2){width:76%}.wow-paper-main span:nth-of-type(3){width:88%}
.wow-paper-main i{position:absolute;right:8px;bottom:8px;color:#16865c;font-size:1.1rem}
.wow-nameplate{position:absolute;right:0;bottom:5px;width:93px;height:70px;padding:9px;border:2px solid #8ca0b5;border-radius:6px;background:linear-gradient(135deg,#e4ebf0,#fff 48%,#d8e1e8);box-shadow:0 9px 22px rgba(18,42,70,.16);transform:rotate(3deg)}
.wow-nameplate b{display:block;color:#30475d;font-size:.48rem;letter-spacing:.04em;margin-bottom:5px}
.wow-nameplate span{display:block;height:3px;background:#71869a;margin:5px 0;opacity:.65}
.wow-upload-badge{position:absolute;right:61px;top:1px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#0a73e8;color:#fff;border:4px solid #f4f9ff;box-shadow:0 7px 17px rgba(10,115,232,.3)}
/* Steg 2: flera källor blir ett underlag */
.wow-merge-scene{position:relative;z-index:1;width:190px;height:124px}
.wow-source-chip{position:absolute;display:flex;align-items:center;gap:5px;padding:7px 8px;border-radius:9px;background:#fff;border:1px solid #d7e4f0;color:#49647e;font-size:.49rem;font-weight:700;box-shadow:0 6px 16px rgba(18,42,70,.1)}
.wow-source-chip i{color:#0a73e8;font-size:.72rem}.wow-source-a{left:0;top:6px}.wow-source-b{left:2px;top:48px}.wow-source-c{left:18px;bottom:1px}
.wow-merge-arrow{position:absolute;left:83px;top:48px;color:#0a73e8;font-size:1.35rem;animation:wowPulse 2.2s ease-in-out infinite}
.wow-result-doc{position:absolute;right:1px;top:14px;width:78px;height:102px;border-radius:10px;background:#fff;border:1px solid #cbdceb;box-shadow:0 10px 24px rgba(18,42,70,.15);padding:12px 9px}
.wow-result-doc:before{content:"PDF";position:absolute;right:7px;top:7px;background:#e53935;color:#fff;border-radius:4px;padding:2px 4px;font-size:.4rem;font-weight:900}
.wow-result-doc i{color:#0a73e8;font-size:1.05rem;margin-bottom:9px}.wow-result-doc span{display:block;height:4px;border-radius:4px;background:#dfe9f3;margin:6px 0}.wow-result-doc span:nth-of-type(2){width:72%}
@keyframes wowPulse{0%,100%{transform:translateX(0);opacity:.75}50%{transform:translateX(4px);opacity:1}}
/* Steg 3: färdig PDF */
.wow-pdf-scene{position:relative;z-index:1;width:155px;height:128px}
.wow-pdf-sheet{position:absolute;left:25px;top:1px;width:104px;height:124px;padding:14px 12px;border-radius:11px;background:#fff;border:1px solid #cddceb;box-shadow:0 12px 28px rgba(18,42,70,.16);transform:rotate(-2deg)}
.wow-pdf-sheet:after{content:"PDF";position:absolute;right:-10px;top:12px;background:#e53935;color:#fff;border-radius:6px;padding:5px 7px;font-size:.54rem;font-weight:900;box-shadow:0 5px 12px rgba(229,57,53,.25)}
.wow-pdf-head{display:flex;align-items:center;gap:6px;color:#15324f;font-size:.53rem;font-weight:900;margin-bottom:11px}.wow-pdf-head i{color:#0a73e8}
.wow-pdf-line{height:4px;border-radius:4px;background:#dfe9f3;margin:7px 0}.wow-pdf-line.short{width:66%}
.wow-pdf-table{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:10px}.wow-pdf-table span{height:14px;border-radius:3px;background:#edf4fa;border:1px solid #dce7f1}
.wow-ready-mark{position:absolute;left:0;bottom:11px;width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:#16865c;color:#fff;border:5px solid #f4f9ff;box-shadow:0 8px 18px rgba(22,134,92,.28);font-size:1.1rem}
/* Steg 4: samma PDF till flera företag */
.wow-offer-scene{position:relative;z-index:1;width:192px;height:124px}
.wow-center-pdf{position:absolute;left:76px;top:36px;width:45px;height:55px;display:grid;place-items:center;border-radius:8px;background:#fff;color:#e53935;border:1px solid #d5e2ee;box-shadow:0 8px 20px rgba(18,42,70,.14);font-size:1.35rem;z-index:2}
.wow-company{position:absolute;width:55px;height:35px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;background:#fff;border:1px solid #d5e2ee;color:#46617b;box-shadow:0 6px 15px rgba(18,42,70,.1);font-size:.42rem;font-weight:800}
.wow-company i{color:#0a73e8;font-size:.8rem;margin-bottom:2px}.wow-company-a{left:0;top:4px}.wow-company-b{right:0;top:4px}.wow-company-c{left:0;bottom:2px}.wow-company-d{right:0;bottom:2px}
.wow-offer-line{position:absolute;height:2px;background:#8fc2f4;transform-origin:left center;z-index:1}.wow-line-a{width:56px;left:45px;top:34px;transform:rotate(22deg)}.wow-line-b{width:55px;left:104px;top:51px;transform:rotate(-22deg)}.wow-line-c{width:56px;left:45px;top:91px;transform:rotate(-22deg)}.wow-line-d{width:55px;left:104px;top:77px;transform:rotate(22deg)}
@media (max-width:1100px){.wow-process-visual{height:155px}.wow-process-content{padding:20px 18px 19px}}
@media (max-width:760px){.wow-process-card{border-radius:20px}.wow-process-visual{height:160px}.wow-process-content{padding:20px}.wow-process-content h3{font-size:1.08rem}.wow-process-content p{font-size:.92rem}.wow-card-link{font-size:.86rem}}
@media (prefers-reduced-motion:reduce){.wow-merge-arrow{animation:none}}
.wow-heart{padding:clamp(70px,9vw,108px) 0;background:linear-gradient(145deg,#06172d,#0b2d53);color:#fff}
.wow-heart-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}
.wow-heart-kicker{display:inline-flex;align-items:center;gap:8px;color:#84c4ff;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.77rem}
.wow-heart-copy h2{font-size:clamp(2.1rem,4vw,3.5rem);margin:13px 0 18px}
.wow-heart-copy>p{color:#ccdaea;line-height:1.75;font-size:1.04rem}
.wow-heart-list{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:28px 0}
.wow-heart-list span{display:grid;grid-template-columns:31px auto;column-gap:9px;align-items:start;padding:14px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:rgba(255,255,255,.045);color:#cfdced;font-size:.8rem}
.wow-heart-list i{grid-row:1/3;color:#68b6ff;font-size:1rem;margin-top:2px}
.wow-heart-list b{color:#fff;font-size:.88rem;margin-bottom:3px}
.wow-inline-cta{display:inline-flex;align-items:center;gap:10px;border:0;border-radius:999px;padding:15px 21px;background:#16865c;color:#fff;font-weight:800;cursor:pointer;box-shadow:0 12px 30px rgba(22,134,92,.28)}
.wow-inline-cta:hover{background:#10734e;transform:translateY(-2px)}
.wow-benefit-panel{background:#fff;color:#132033;border-radius:26px;padding:28px;box-shadow:0 30px 70px rgba(0,0,0,.25)}
.wow-panel-label{display:inline-block;margin-bottom:18px;color:#0a73e8;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.wow-benefit-panel>div{display:flex;gap:13px;padding:15px 0;border-bottom:1px solid #e8edf3}
.wow-benefit-panel>div>i{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;background:#eaf4ff;color:#0a73e8}
.wow-benefit-panel p{display:grid;margin:0}
.wow-benefit-panel strong{font-size:.93rem}
.wow-benefit-panel span{font-size:.79rem;color:#6c7888;margin-top:3px;line-height:1.5}
.wow-benefit-panel>a{display:flex;justify-content:space-between;align-items:center;margin-top:20px;color:#0a73e8;text-decoration:none;font-weight:800;font-size:.87rem}
.wow-tools{background:#fff}
.wow-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.wow-tools-grid>a{display:block;text-decoration:none;color:#132033;border:1px solid #e0e7ef;border-radius:22px;padding:26px;transition:.2s;background:linear-gradient(180deg,#fff,#f9fbfd)}
.wow-tools-grid>a:hover{transform:translateY(-5px);border-color:#a9cff8;box-shadow:0 18px 42px rgba(18,42,70,.1)}
.wow-tools-grid>a>i{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#eaf4ff;color:#0a73e8;font-size:1.25rem}
.wow-tools-grid h3{margin:18px 0 8px}
.wow-tools-grid p{color:#667386;line-height:1.65;font-size:.91rem}
.wow-tools-grid span{display:inline-flex;align-items:center;gap:8px;color:#0a73e8;font-weight:800;font-size:.85rem;margin-top:16px}
@media (max-width:1000px){.wow-hero-grid, .wow-heart-grid{grid-template-columns:1fr}
.wow-hero-copy{text-align:center}
.wow-lead{margin-inline:auto}
.wow-actions, .wow-trust{justify-content:center}
.wow-visual{min-height:480px}
.wow-process-grid{grid-template-columns:1fr 1fr}
.wow-heart-copy{text-align:center}
.wow-heart-list{text-align:left}
.wow-inline-cta{justify-content:center}
.wow-benefit-panel{max-width:680px;margin:auto}
.wow-float-upload{left:4%}
.wow-float-save{right:4%}}
@media (max-width:680px){.wow-hero{padding-top:42px}
.wow-hero-grid{gap:30px}
.wow-hero h1{font-size:clamp(2.25rem,12vw,3.3rem)}
.wow-actions{display:grid}
.wow-btn{width:100%;justify-content:flex-start}
.wow-visual{min-height:420px}
.wow-document-card{padding:18px;transform:none}
.wow-float-card{display:none}
.wow-doc-grid{grid-template-columns:1fr 1fr}
.wow-process-grid, .wow-tools-grid, .wow-heart-list{grid-template-columns:1fr}
.wow-process-grid article{text-align:left}
.wow-heart-grid{gap:34px}
.wow-inline-cta{width:100%;border-radius:18px}
.wow-trust{display:grid;justify-content:start;text-align:left;margin-left:auto;margin-right:auto;width:max-content;max-width:100%}}

/* =========================================================
   TRYCKKOLLEN – RESPONSIV HEADER OCH STARTSIDA
   Korrigerar radbrytning, överlappande ikoner och hero-layout.
   ========================================================= */

/* Ord ska aldrig delas mitt i rubriker eller dokumentkort. */
h1, h2, h3,
.wow-hero h1,
.wow-document-card,
.wow-document-card strong,
.wow-doc-head strong,
.wow-doc-row strong,
.wow-doc-grid strong {
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

/* Header: ge menyn verklig arbetsbredd och tydlig separation. */
.site-header > .container.launch-header {
  width: min(100% - 40px, 1780px) !important;
  max-width: 1780px !important;
  margin-inline: auto !important;
}
.launch-header {
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: clamp(24px, 3vw, 64px) !important;
}
.launch-nav {
  justify-content: flex-end !important;
  gap: clamp(3px, .55vw, 11px) !important;
  overflow: visible !important;
}
.launch-nav > a,
.nav-dropdown-toggle {
  min-width: 0;
  padding: 10px clamp(7px, .65vw, 13px) !important;
  gap: 7px !important;
  line-height: 1.2;
}
.launch-nav > a i,
.nav-dropdown-toggle > i:first-child {
  flex: 0 0 auto;
  width: 18px;
  margin: 0 !important;
  text-align: center;
}
.nav-dropdown {
  flex: 0 0 auto;
}

/* Hero: mer plats åt budskapet och mindre, stabilare dokumentbild. */
.wow-hero {
  padding: clamp(48px, 6vw, 86px) 0 clamp(58px, 7vw, 96px) !important;
}
.wow-hero > .container.wow-hero-grid {
  width: min(100% - 64px, 1740px) !important;
  max-width: 1740px !important;
  margin-inline: auto !important;
}
.wow-hero-grid {
  grid-template-columns: minmax(0, 1.16fr) minmax(440px, .84fr) !important;
  gap: clamp(48px, 5.5vw, 104px) !important;
}
.wow-hero-copy {
  min-width: 0;
}
.wow-hero h1 {
  max-width: 980px !important;
  margin: 20px 0 24px !important;
  font-size: clamp(3rem, 5.05vw, 5.65rem) !important;
  line-height: .99 !important;
  letter-spacing: -.058em !important;
  text-wrap: balance;
}
.wow-hero h1 .hero-title-main,
.wow-hero h1 .hero-title-accent {
  display: block;
}
.wow-hero h1 .hero-title-accent {
  color: #70b7ff;
  font-size: .93em;
  letter-spacing: -.05em;
}
.wow-lead {
  max-width: 850px !important;
  font-size: clamp(1.05rem, 1.5vw, 1.26rem) !important;
  line-height: 1.7 !important;
}
.wow-visual {
  min-width: 0;
  min-height: 535px !important;
  padding: 26px 22px;
}
.wow-document-card {
  width: min(100%, 450px) !important;
  padding: 24px !important;
  transform: rotate(1deg) !important;
}
.wow-doc-head {
  min-width: 0;
}
.wow-doc-head > div {
  min-width: 0;
}
.wow-doc-head strong {
  font-size: clamp(.98rem, 1.2vw, 1.16rem) !important;
  white-space: nowrap;
}
.wow-ready {
  flex: 0 0 auto;
}
.wow-doc-row strong {
  text-align: right;
}
.wow-float-card {
  max-width: 220px;
}
.wow-float-upload {
  left: 0 !important;
  top: 8% !important;
}
.wow-float-save {
  right: 0 !important;
  bottom: 8% !important;
}

/* Mellanstora skärmar: dölj dekorationskorten innan de kan överlappa. */
@media (max-width: 1320px) {
  .site-header > .container.launch-header {
    width: min(100% - 28px, 1320px) !important;
  }
  .launch-header {
    gap: 18px !important;
  }
  .launch-nav > a,
  .nav-dropdown-toggle {
    font-size: .76rem !important;
    padding-inline: 7px !important;
  }
  .launch-nav > a i,
  .nav-dropdown-toggle > i:first-child {
    display: none !important;
  }
  .wow-hero-grid {
    grid-template-columns: minmax(0, 1.12fr) minmax(390px, .88fr) !important;
    gap: 42px !important;
  }
  .wow-float-card {
    display: none !important;
  }
}

/* Surfplatta och mindre dator: dokumentet hamnar under texten. */
@media (max-width: 1000px) {
  .wow-hero > .container.wow-hero-grid {
    width: min(100% - 44px, 850px) !important;
  }
  .wow-hero-grid {
    grid-template-columns: 1fr !important;
    gap: 44px !important;
  }
  .wow-hero-copy {
    text-align: center !important;
  }
  .wow-hero h1 {
    max-width: 820px !important;
    margin-inline: auto !important;
    font-size: clamp(2.75rem, 8.5vw, 4.8rem) !important;
  }
  .wow-lead {
    margin-inline: auto !important;
  }
  .wow-actions,
  .wow-trust {
    justify-content: center !important;
  }
  .wow-visual {
    min-height: auto !important;
    padding: 8px 0 0;
  }
  .wow-document-card {
    margin-inline: auto;
    transform: none !important;
  }
}

/* Mobil: rubriken får tre kontrollerade rader och dokumentet skalas ned. */
@media (max-width: 680px) {
  .content-wrapper {
    padding-top: var(--header-height, 50px) !important;
  }
  .site-header > .container.launch-header {
    width: 100% !important;
    max-width: none !important;
  }
  .wow-hero {
    padding: 38px 0 56px !important;
  }
  .wow-hero > .container.wow-hero-grid {
    width: min(100% - 28px, 560px) !important;
  }
  .wow-hero-grid {
    gap: 34px !important;
  }
  .wow-eyebrow {
    width: 100%;
    justify-content: center;
    padding: 9px 12px;
    font-size: .74rem;
    line-height: 1.45;
    text-align: center;
  }
  .wow-hero h1 {
    max-width: 100% !important;
    margin: 18px auto 22px !important;
    font-size: clamp(1.82rem, 9.2vw, 2.72rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -.048em !important;
  }
  .wow-hero h1 .hero-title-main {
    max-width: 12.5em;
    margin-inline: auto;
  }
  .wow-hero h1 .hero-title-accent {
    margin-top: 3px;
    font-size: .92em;
    letter-spacing: -.042em;
  }
  .wow-lead {
    font-size: .99rem !important;
    line-height: 1.72 !important;
  }
  .wow-actions {
    gap: 11px !important;
    margin-top: 25px !important;
  }
  .wow-btn {
    min-height: 62px !important;
    padding: 12px 16px !important;
    border-radius: 16px !important;
  }
  .wow-trust {
    width: 100% !important;
    margin-top: 20px !important;
    gap: 9px !important;
  }
  .wow-document-card {
    width: 100% !important;
    max-width: 430px !important;
    padding: 17px !important;
    border-radius: 21px !important;
  }
  .wow-doc-logo {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px;
  }
  .wow-doc-head {
    gap: 9px !important;
    padding-bottom: 14px !important;
  }
  .wow-doc-head small {
    font-size: .58rem !important;
  }
  .wow-doc-head strong {
    font-size: clamp(.78rem, 3.7vw, 1rem) !important;
  }
  .wow-ready {
    padding: 5px 7px !important;
    font-size: .58rem !important;
  }
  .wow-doc-row {
    align-items: flex-start;
    padding: 14px 0 !important;
  }
  .wow-doc-row strong {
    max-width: 62%;
    font-size: .82rem;
  }
  .wow-doc-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
  .wow-doc-grid div {
    min-width: 0;
    padding: 10px !important;
  }
  .wow-doc-grid span {
    font-size: .62rem !important;
  }
  .wow-doc-grid strong {
    font-size: .75rem !important;
    line-height: 1.35;
  }
  .wow-doc-checks {
    font-size: .73rem !important;
    gap: 8px !important;
  }
  .wow-doc-footer {
    font-size: .69rem !important;
    line-height: 1.45;
  }
}

@media (max-width: 380px) {
  .wow-hero h1 {
    font-size: clamp(1.68rem, 8.7vw, 2rem) !important;
  }
  .wow-doc-grid {
    grid-template-columns: 1fr !important;
  }
  .wow-doc-row {
    display: grid !important;
    gap: 4px !important;
  }
  .wow-doc-row strong {
    max-width: none;
    text-align: left;
  }
}

/* ===== NY RESPONSIV TOPPSEKTION: KONTROLLPERIOD ===== */
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-intro{padding:clamp(28px,4.5vw,58px) 0 clamp(26px,4vw,48px);background:radial-gradient(circle at 50% 24%,rgba(28,116,222,.18),transparent 36%),linear-gradient(180deg,#06162b 0%,#051225 100%);color:#fff}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-header{text-align:center;max-width:1080px;margin:0 auto 18px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:100%;padding:9px 24px;border:1px solid rgba(80,156,239,.34);border-radius:999px;background:rgba(10,62,112,.22);color:#f6f9fd;font-weight:700;font-size:clamp(.84rem,1.5vw,1.05rem)}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-eyebrow i{color:#dcecff}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-header h2{margin:18px auto 5px;color:#fff;font-size:clamp(2.2rem,5.25vw,4.45rem);line-height:1.04;letter-spacing:-.045em;font-weight:800;text-wrap:balance}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-header h2 span{color:#2f7fe8;text-shadow:0 5px 25px rgba(33,120,232,.28)}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-formula{color:#66a8f4;font-size:clamp(1.08rem,2.2vw,1.55rem);font-weight:800;margin:9px 0 0}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-window{position:relative;margin-top:8px;padding:18px clamp(20px,4vw,48px) 14px;border:1px solid rgba(75,150,232,.34);border-radius:20px;background:linear-gradient(180deg,rgba(7,35,66,.74),rgba(5,25,49,.82));box-shadow:inset 0 1px rgba(255,255,255,.025)}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-window>h3{text-align:center;color:#b9d8fa;font-size:clamp(.94rem,1.65vw,1.14rem);font-weight:800;margin:0 0 14px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-timeline{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);align-items:start;gap:0;position:relative}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-timeline-side{position:relative;min-width:0;padding-top:18px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-timeline-number{display:flex;align-items:center;gap:12px;position:absolute;top:-2px;z-index:3}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-timeline-side.before .kf-timeline-number{left:4%}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-timeline-side.after .kf-timeline-number{right:4%;flex-direction:row-reverse;text-align:left}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-timeline-number strong{font-size:clamp(2.75rem,5vw,4.15rem);line-height:.9}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .before .kf-timeline-number strong,:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .before .kf-timeline-number span,:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .before>p{color:#70d94c}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .after .kf-timeline-number strong,:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .after .kf-timeline-number span,:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .after>p{color:#75b9ff}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-timeline-number span{font-size:clamp(.76rem,1.35vw,1rem);font-weight:800;line-height:1.35}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-timeline-line{height:78px;display:flex;align-items:center;justify-content:space-around;position:relative;margin-top:18px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-timeline-line:before{content:"";position:absolute;left:0;right:0;top:50%;height:3px;transform:translateY(-50%)}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .before .kf-timeline-line:before{background:linear-gradient(90deg,transparent,#67ce47 14%,#67ce47)}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .after .kf-timeline-line:before{background:linear-gradient(90deg,#55a9ff,#55a9ff 86%,transparent)}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-timeline-line:after{content:"";position:absolute;top:50%;width:12px;height:12px;border-style:solid;transform:translateY(-50%) rotate(45deg)}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .before .kf-timeline-line:after{left:-1px;border-width:0 0 3px 3px;border-color:#67ce47}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .after .kf-timeline-line:after{right:-1px;border-width:3px 3px 0 0;border-color:#55a9ff}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-timeline-line span{width:15px;height:15px;border-radius:50%;position:relative;z-index:1}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .before .kf-timeline-line span{background:#66d14a}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .after .kf-timeline-line span{background:#70b7ff}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-timeline-bracket{height:15px;margin:0 11%;border:1px solid #94b2d2;border-top:0;border-radius:0 0 7px 7px;position:relative}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-timeline-bracket:after{content:"";position:absolute;bottom:-8px;left:50%;height:8px;border-left:1px solid #94b2d2}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-timeline-side>p{text-align:center;font-weight:700;font-size:clamp(.82rem,1.45vw,1rem);line-height:1.4;margin:15px 0 0}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-due-month{z-index:4;align-self:start;justify-self:center;width:150px;min-height:120px;border-radius:14px;background:linear-gradient(155deg,#327fe9,#0e4eae);box-shadow:0 12px 35px rgba(0,79,190,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:10px 8px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-due-month strong{font-size:2.2rem;line-height:1}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-due-month span{font-size:1rem;font-weight:800}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-due-month b{font-size:.98rem;line-height:1.25;margin-top:7px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-due-reference{text-align:center;color:#4a9df5;font-weight:700;line-height:1.35;margin:-4px auto 7px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-due-reference i{display:block;font-size:1.55rem;margin-bottom:2px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-summary{max-width:960px;margin:5px auto 0;border:1px solid #5ca7f6;border-radius:999px;padding:9px 18px;text-align:center;color:#f4f8fd;font-size:clamp(.79rem,1.45vw,.98rem)}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-myth{display:grid;grid-template-columns:76px 1fr;gap:22px;align-items:center;margin-top:12px;padding:20px 28px;border:1px solid rgba(75,150,232,.34);border-radius:18px;background:linear-gradient(180deg,rgba(7,39,74,.7),rgba(5,28,54,.72))}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-round-icon{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#2d80ec,#0950c7);font-size:2rem;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-myth h3{color:#fff;margin:0 0 4px;font-size:clamp(1rem,1.7vw,1.25rem)}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-myth p{color:#f1f5fa;margin:0;line-height:1.5;font-size:clamp(.88rem,1.4vw,1rem)}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-myth p strong{color:#62aaff}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-check{margin-top:8px!important}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-check i{color:#67b3ff;margin-right:8px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-concepts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-concepts article{min-width:0;display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:13px;padding:17px 20px;border:1px solid rgba(75,150,232,.34);border-radius:17px;background:linear-gradient(180deg,rgba(7,39,74,.72),rgba(5,28,54,.76))}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-concept-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#eef6ff,#dcecff);color:#145fc7;font-size:1.45rem}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-concepts h3{color:#fff;margin:0 0 4px;font-size:clamp(.98rem,1.6vw,1.18rem)}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-concepts p{color:#fff;margin:0;line-height:1.42;font-size:clamp(.78rem,1.2vw,.9rem)}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-concepts p strong{display:block;color:#63aaff;font-size:1rem}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-concept-chevron{display:none;color:#fff;font-size:1.25rem}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-remember{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:10px;padding:12px 22px;border:1px solid rgba(75,150,232,.28);border-radius:16px;background:rgba(7,39,74,.54);color:#fff;text-align:center}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-remember>i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#2377df;flex:0 0 auto}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-remember p{margin:0;color:#f4f7fb;font-size:clamp(.79rem,1.35vw,.94rem)}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-remember strong{color:#65adf7}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-remember p span{display:inline-block;height:20px;border-left:1px solid #7393b4;margin:0 15px;vertical-align:middle}
@media (max-width:900px){
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-timeline{grid-template-columns:minmax(0,1fr) 128px minmax(0,1fr)}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-due-month{width:128px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-concepts{grid-template-columns:1fr}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-concepts article{grid-template-columns:58px 1fr auto}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-concept-chevron{display:block}
}
@media (max-width:640px){
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-intro{padding:18px 0 24px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-intro .kf-container{width:min(100% - 20px,1120px)}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-eyebrow{padding:8px 13px;font-size:.76rem;gap:8px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-header h2{font-size:clamp(2rem,10.8vw,3.25rem);line-height:1.08;margin-top:14px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-desktop-break{display:none}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-formula{font-size:1.08rem}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-window{padding:15px 12px 13px;border-radius:17px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-window>h3{font-size:.9rem;margin-bottom:9px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-timeline{grid-template-columns:1fr 92px 1fr}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-timeline-side{padding-top:22px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-timeline-number{position:relative!important;left:auto!important;right:auto!important;top:auto!important;justify-content:center;flex-direction:column!important;gap:2px;text-align:center!important}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-timeline-number strong{font-size:2.8rem}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-timeline-number span{font-size:.68rem}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-timeline-line{height:55px;margin-top:-2px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-timeline-line span{width:10px;height:10px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .before .kf-timeline-line span:nth-child(n+5){display:none}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .after .kf-timeline-line span:nth-child(n+4){display:none}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-timeline-bracket{margin:0 8%;height:12px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-timeline-side>p{font-size:.68rem;margin-top:12px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-due-month{width:92px;min-height:132px;border-radius:12px;margin-top:27px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-due-month strong{font-size:2rem}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-due-month span{font-size:.75rem}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-due-month b{font-size:.73rem}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-due-reference{font-size:.72rem;margin-top:-5px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-due-reference i{font-size:1.25rem}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-summary{border-radius:17px;padding:10px 11px;font-size:.77rem;line-height:1.45}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-myth{grid-template-columns:62px 1fr;align-items:start;gap:14px;padding:18px 16px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-round-icon{width:56px;height:56px;font-size:1.65rem}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-myth h3{font-size:1.02rem;line-height:1.25}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-myth p{font-size:.87rem}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-check{margin-left:-76px!important;padding-left:76px;margin-top:10px!important}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-concepts article{grid-template-columns:52px 1fr auto;padding:13px 14px;gap:11px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-concept-icon{width:46px;height:46px;font-size:1.15rem}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-concepts h3{font-size:1rem;margin-bottom:1px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-concepts p{font-size:.78rem}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-concepts p strong{display:inline;font-size:.85rem;margin-right:3px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-remember{align-items:flex-start;text-align:left;padding:12px 14px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-remember p{font-size:.78rem;line-height:1.5}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-period-remember p span{display:none}
}
@media (max-width:390px){
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-timeline{grid-template-columns:1fr 82px 1fr}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-due-month{width:82px}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-timeline-number strong{font-size:2.45rem}
:is(#page-kontrollfonstret,#page-forsta-kontroll,#page-aterkommande-kontroll) .kf-timeline-side>p{font-size:.63rem}
}

/* ===== NY RESPONSIV STARTSIDA – TRYCKKOLLEN ===== */
.tk-start-visual{
  position:relative;
  width:100%;
  padding:0;
  overflow:hidden;
  color:#fff;
  background:#03152b;
  border-bottom:1px solid rgba(99,169,255,.28);
}
.tk-start-poster{position:relative;width:100%;background:#03152b;line-height:0}
.tk-start-poster img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center top}
.tk-start-mobile-copy{display:none}
.tk-start-actions{
  position:absolute;
  left:1%;right:1%;bottom:.8%;
  z-index:3;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  background:linear-gradient(180deg,rgba(3,20,43,.98),rgba(2,17,36,.99));
  border:1px solid rgba(113,165,221,.32);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 16px 42px rgba(0,0,0,.34);
}
.tk-start-action{
  position:relative;
  min-width:0;
  min-height:126px;
  display:grid;
  grid-template-columns:72px 1fr 20px;
  align-items:center;
  gap:14px;
  padding:18px 20px;
  color:#fff;
  text-decoration:none;
  text-align:left;
  border:0;
  border-right:1px solid rgba(124,166,211,.28);
  background:transparent;
  font:inherit;
  cursor:pointer;
  transition:background .22s ease,transform .22s ease,box-shadow .22s ease;
}
.tk-start-action:last-child{border-right:0}
.tk-start-action:hover,
.tk-start-action:focus-visible{
  z-index:2;
  background:linear-gradient(145deg,rgba(11,73,157,.96),rgba(4,39,84,.98));
  box-shadow:inset 0 0 0 2px #1683ff,0 12px 28px rgba(0,103,255,.26);
  transform:translateY(-4px);
}
.tk-start-action:focus-visible{outline:3px solid #ffd54f;outline-offset:-4px}
.tk-start-icon{
  width:62px;height:62px;border-radius:50%;
  display:grid;place-items:center;
  color:#fff;font-size:1.65rem;
  background:linear-gradient(145deg,#1658d7,#06338c);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:inset 0 0 18px rgba(255,255,255,.08),0 8px 20px rgba(0,64,180,.30);
}
.tk-start-action-copy{display:block;min-width:0;line-height:1.35}
.tk-start-action-copy strong{display:block;color:#1683ff;font-size:clamp(.92rem,1.22vw,1.25rem);font-weight:800;margin-bottom:5px}
.tk-start-action-copy small{display:block;color:#f4f7fb;font-size:clamp(.78rem,1.02vw,1rem);line-height:1.45}
.tk-start-arrow{color:#5ca8ff;opacity:0;transform:translateX(-8px);transition:.22s ease}
.tk-start-action:hover .tk-start-arrow,.tk-start-action:focus-visible .tk-start-arrow{opacity:1;transform:translateX(0)}

@media (max-width:1100px){
  .tk-start-actions{position:relative;left:auto;right:auto;bottom:auto;margin:0;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr))}
  .tk-start-action{min-height:116px;border-bottom:1px solid rgba(124,166,211,.25)}
  .tk-start-action:nth-child(2){border-right:0}
  .tk-start-action:nth-child(3),.tk-start-action:nth-child(4){border-bottom:0}
}
@media (max-width:760px){
  .tk-start-poster{height:44vh;min-height:310px;max-height:470px;overflow:hidden}
  .tk-start-poster img{width:auto;height:100%;max-width:none;object-fit:cover;object-position:45% top;transform:translateX(-10%)}
  .tk-start-mobile-copy{display:block;position:absolute;z-index:2;left:18px;right:18px;top:18px;padding:22px 18px;border:1px solid rgba(122,179,239,.32);border-radius:18px;background:linear-gradient(145deg,rgba(2,20,44,.94),rgba(5,40,78,.88));box-shadow:0 16px 34px rgba(0,0,0,.32);backdrop-filter:blur(7px)}
  .tk-start-kicker{display:inline-flex;align-items:center;gap:8px;color:#65adff;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.025em}
  .tk-start-mobile-copy h1{margin:12px 0 10px;color:#fff;font-size:clamp(1.75rem,8vw,2.65rem);line-height:1.08;letter-spacing:-.04em}
  .tk-start-mobile-copy h1 strong{display:block;color:#1683ff}
  .tk-start-mobile-copy p{margin:0;color:#edf5ff;font-size:.93rem;line-height:1.55}
  .tk-start-actions{grid-template-columns:1fr;padding:10px;background:#03152b;gap:9px}
  .tk-start-action{min-height:98px;grid-template-columns:54px 1fr 18px;padding:15px 14px;border:1px solid rgba(91,151,216,.28)!important;border-radius:15px;background:linear-gradient(145deg,rgba(7,39,78,.96),rgba(3,25,53,.98))}
  .tk-start-action:hover,.tk-start-action:focus-visible{transform:none}
  .tk-start-icon{width:50px;height:50px;font-size:1.25rem}
  .tk-start-action-copy strong{font-size:.98rem;margin-bottom:3px}
  .tk-start-action-copy small{font-size:.82rem}
  .tk-start-arrow{opacity:1;transform:none}
}
@media (max-width:420px){
  .tk-start-poster{height:420px;min-height:420px}
  .tk-start-poster img{opacity:.44;object-position:50% top;transform:translateX(-19%)}
  .tk-start-mobile-copy{left:12px;right:12px;top:12px;padding:20px 16px}
  .tk-start-action{grid-template-columns:48px 1fr 14px;gap:11px;padding:14px 12px}
  .tk-start-icon{width:46px;height:46px;font-size:1.12rem}
}

/* ===== Tablet optimization 768-1024px ===== */
@media (min-width:768px) and (max-width:1024px){
.container{max-width:100%;padding:0 18px;}
.hero{padding-top:24px;}
.hero h1{font-size:clamp(2.2rem,4.8vw,3.4rem);line-height:1.15;max-width:100%;}
.hero p,.hero .subhead{font-size:1.1rem;max-width:100%;}
.wow-grid,.hero-grid,.home-grid{grid-template-columns:1fr!important;}
.wow-trust{flex-wrap:wrap;justify-content:center;gap:12px;}
.about-experience{max-width:100%!important;}
.card,.feature-card,.service-card{padding:20px;}
.tabs-nav{gap:8px;padding:6px;overflow-x:auto;}
.tab-btn{font-size:.9rem;padding:10px 14px;}
img{max-width:100%;height:auto;}
}

.tk-hotspot-industries,
.tk-hotspot-equipment{
    display:none !important;
    pointer-events:none !important;
}

/* ===== Tryckkollen – korrigerad fyrastegssektion ===== */
.tk4,.tk4 *{box-sizing:border-box}
.tk4{
  background:
    radial-gradient(circle at 7% 5%,rgba(126,184,255,.18),transparent 25%),
    radial-gradient(circle at 94% 5%,rgba(126,184,255,.15),transparent 25%),
    #f8fbff;
  color:#071338;
  padding:42px 0 30px;
  overflow:hidden
}
.tk4__wrap{width:min(1320px,calc(100% - 40px));margin:auto}
.tk4__head{max-width:1050px;margin:0 auto 30px;text-align:center}
.tk4__pill{
  display:inline-flex;align-items:center;gap:9px;padding:8px 20px;
  border-radius:999px;background:#edf5ff;color:#1455c8;
  border:1px solid #d8e8fb;box-shadow:0 6px 18px rgba(38,78,129,.12);
  font-size:.8rem;font-weight:800;letter-spacing:.11em
}
.tk4__pill i{color:#096bf0}
.tk4__head h2{
  margin:13px 0 9px!important;color:#071338!important;
  font-size:clamp(2.15rem,4vw,3.75rem)!important;line-height:1.02!important;
  letter-spacing:-.045em!important;font-weight:800!important;word-break:normal!important
}
.tk4__head h2 span{color:#1551b9}
.tk4__head p{
  max-width:930px;margin:auto!important;color:#111b42!important;
  font-size:clamp(.98rem,1.35vw,1.18rem)!important;line-height:1.5!important
}
.tk4__grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;align-items:stretch
}
.tk4__card{
  min-width:0;display:flex;flex-direction:column;background:#fff;
  border:1px solid #d8e2ee;border-radius:20px;overflow:hidden;
  box-shadow:0 12px 32px rgba(35,64,99,.11);
  transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s,border-color .32s
}
.tk4__media{
  position:relative;aspect-ratio:16/10;overflow:hidden;background:#dfe8f1
}
.tk4__media img{
  display:block;width:100%;height:100%;object-fit:cover;object-position:center;
  transform:scale(1.02);transition:transform .55s cubic-bezier(.2,.8,.2,1)
}
.tk4__num{
  position:absolute;left:14px;top:14px;width:44px;height:44px;
  display:grid;place-items:center;border-radius:10px;
  background:linear-gradient(145deg,#2a75f2,#0a50c3);color:#fff;
  font-size:1.45rem;font-weight:800;box-shadow:0 8px 18px rgba(8,72,178,.32);
  transition:transform .3s
}
.tk4__body{
  position:relative;flex:1;display:flex;flex-direction:column;
  padding:34px 18px 18px;text-align:center;min-width:0
}
.tk4__icon{
  position:absolute;left:50%;top:0;transform:translate(-50%,-50%);
  width:66px;height:66px;display:grid;place-items:center;border-radius:50%;
  background:#fff;color:#095fe1;border:1px solid #e0e8f1;
  box-shadow:0 9px 22px rgba(35,65,101,.16);font-size:1.75rem;
  transition:transform .3s,background .3s,color .3s
}
.tk4__body h3{
  margin:0 0 10px!important;min-height:2.45em;color:#071338!important;
  font-size:clamp(1.05rem,1.25vw,1.3rem)!important;line-height:1.18!important;
  font-weight:800!important;letter-spacing:-.02em!important;
  word-break:normal!important;overflow-wrap:anywhere
}
.tk4__body p{
  margin:0 0 17px!important;color:#111b42!important;
  font-size:clamp(.84rem,.9vw,.95rem)!important;line-height:1.48!important;
  word-break:normal!important;overflow-wrap:anywhere
}
.tk4__body a{
  margin-top:auto;display:inline-flex;align-items:center;justify-content:center;
  gap:8px;color:#075cde;text-decoration:none;
  font-size:clamp(.78rem,.85vw,.9rem);line-height:1.35;font-weight:800
}
.tk4__body a i{transition:transform .25s}

.tk4__cta{
  margin-top:16px;display:grid;
  grid-template-columns:minmax(0,1.75fr) minmax(275px,.95fr) minmax(320px,1fr);
  min-height:158px;border-radius:18px;overflow:hidden;
  background:linear-gradient(110deg,#063d91,#071e59 62%,#06265f);
  color:#fff;box-shadow:0 14px 35px rgba(8,39,88,.2)
}
.tk4__cta>div{min-width:0}
.tk4__cta-main{
  display:grid;grid-template-columns:120px minmax(0,1fr);
  gap:20px;align-items:center;padding:20px 24px
}
.tk4__cta-graphic{
  width:112px;height:112px;display:grid;place-items:center;border-radius:22px;
  background:radial-gradient(circle at 35% 30%,#2e9eff,#063d91 68%);
  box-shadow:inset 0 0 25px rgba(255,255,255,.2),0 8px 20px rgba(0,0,0,.18);
  font-size:4rem;color:#fff
}
.tk4__cta-graphic i{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}
.tk4__cta-main h3{
  margin:0 0 14px!important;color:#fff!important;
  font-size:clamp(1.15rem,1.45vw,1.5rem)!important;
  line-height:1.28!important;font-weight:800!important
}
.tk4__benefits{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:.82rem}
.tk4__benefits i{color:#40d273;margin-right:5px}

.tk4__delivery,.tk4__action{
  display:flex;flex-direction:column;justify-content:center;
  padding:18px 20px;border-left:1px solid rgba(255,255,255,.24)
}
.tk4__delivery strong{
  display:flex;align-items:center;gap:9px;margin-bottom:11px;font-size:.9rem
}
.tk4__delivery strong i{font-size:1.35rem}
.tk4__delivery-box{
  display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;
  gap:10px!important;align-items:center!important;padding:11px 13px!important;
  border-radius:14px!important;background:#eef5ff!important;
  color:#071a50!important;font-size:.78rem!important;line-height:1.3!important
}
.tk4__delivery-box>i{font-size:1.45rem!important;color:#0755c9!important}
.tk4__delivery-box>span{display:block!important;padding:0!important;background:none!important}
.tk4__delivery-box b{display:block;color:#075cde;margin-top:3px}

.tk4__action small{margin-bottom:8px;font-size:.82rem}
.tk4__action button{
  min-height:48px;display:flex;align-items:center;justify-content:center;gap:9px;
  padding:10px 14px;border:0;border-radius:9px;
  background:linear-gradient(#2cba5a,#159544);color:#fff;font:inherit;
  font-size:.9rem;font-weight:800;cursor:pointer;
  box-shadow:0 8px 18px rgba(0,0,0,.17);
  transition:transform .25s,filter .25s,box-shadow .25s
}
.tk4__action button i{font-size:1.25rem}
.tk4__action em{margin-top:8px;font-size:.68rem;line-height:1.3;font-style:normal}
.tk4__action em i{margin-right:5px}

@media (hover:hover) and (pointer:fine){
  .tk4__card:hover{
    transform:translateY(-10px);border-color:#76aef4;
    box-shadow:0 26px 58px rgba(20,62,116,.21)
  }
  .tk4__card:hover .tk4__media img{transform:scale(1.085)}
  .tk4__card:hover .tk4__num{transform:scale(1.08) rotate(-5deg)}
  .tk4__card:hover .tk4__icon{
    transform:translate(-50%,-56%) scale(1.08);background:#0a62e5;color:#fff
  }
  .tk4__card:hover .tk4__body a i{transform:translateX(5px)}
  .tk4__action button:hover{
    transform:translateY(-3px);filter:brightness(1.07);
    box-shadow:0 13px 24px rgba(0,0,0,.24)
  }
}
@media (max-width:1179px){
  .tk4__wrap{width:min(900px,calc(100% - 34px))}
  .tk4__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tk4__body h3{min-height:auto}
  .tk4__cta{grid-template-columns:1fr 1fr}
  .tk4__cta-main{grid-column:1/-1}
  .tk4__delivery{border-left:0;border-top:1px solid rgba(255,255,255,.22)}
  .tk4__action{border-top:1px solid rgba(255,255,255,.22)}
}
@media (max-width:699px){
  .tk4{padding:30px 0 24px}
  .tk4__wrap{width:calc(100% - 24px)}
  .tk4__head{margin-bottom:22px}
  .tk4__pill{font-size:.67rem;padding:7px 14px}
  .tk4__head h2{font-size:clamp(1.85rem,9vw,2.65rem)!important}
  .tk4__head p{font-size:.93rem!important}
  .tk4__grid{grid-template-columns:1fr;gap:15px}
  .tk4__body{padding:33px 16px 17px}
  .tk4__body h3{min-height:auto;font-size:1.1rem!important}
  .tk4__body p{font-size:.9rem!important}
  .tk4__cta{grid-template-columns:1fr}
  .tk4__cta-main{grid-template-columns:82px 1fr;padding:18px}
  .tk4__cta-graphic{width:76px;height:76px;border-radius:16px;font-size:2.7rem}
  .tk4__benefits{gap:9px 14px}
  .tk4__delivery,.tk4__action{
    border-left:0;border-top:1px solid rgba(255,255,255,.22);padding:18px
  }
}
@media (max-width:390px){
  .tk4__wrap{width:calc(100% - 18px)}
  .tk4__cta-main{grid-template-columns:1fr;text-align:center}
  .tk4__cta-graphic{margin:auto}
  .tk4__benefits{justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  .tk4__card,.tk4__card *,.tk4__action button{transition:none!important}

/* ===== KOMPLETTERANDE UTBILDNINGSBILDER: SÄKERHETSVENTILER & AVSÄKRING ===== */
.edu-visual-section{margin-top:30px;padding:28px;border-radius:24px;background:linear-gradient(145deg,#061a38,#0b3264);color:#fff;box-shadow:0 22px 55px rgba(3,22,52,.25);border:1px solid rgba(87,169,255,.32)}
.edu-visual-section h3{font-size:clamp(1.35rem,2.5vw,2rem);margin:0 0 8px;color:#fff}
.edu-visual-section>p{color:#dcecff;max-width:980px;margin:0 0 22px}
.edu-visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.edu-visual-card{background:#fff;color:#10233f;border-radius:20px;overflow:hidden;box-shadow:0 14px 36px rgba(0,0,0,.18);border:1px solid #cfe2f7}
.edu-visual-card.wide{grid-column:1/-1}
.edu-visual-card .vis-head{padding:16px 18px 10px}
.edu-visual-card .vis-head h4{margin:0 0 5px;font-size:1.08rem;color:#082a59}
.edu-visual-card .vis-head p{margin:0;color:#53657b;font-size:.9rem;line-height:1.45}
.edu-visual-card svg{display:block;width:100%;height:auto;background:linear-gradient(#f9fcff,#edf5fd)}
.edu-photo-card{display:grid;grid-template-columns:minmax(230px,.82fr) 1.18fr;gap:0;align-items:stretch}
.edu-photo-card img{width:100%;height:100%;min-height:260px;object-fit:contain;background:#fff;padding:18px}
.edu-photo-copy{padding:22px;background:linear-gradient(145deg,#f8fbff,#edf5ff)}
.edu-photo-copy h4{margin:0 0 12px;color:#072c62;font-size:1.25rem}
.edu-photo-copy dl{display:grid;grid-template-columns:145px 1fr;gap:8px 12px;margin:0}
.edu-photo-copy dt{font-weight:800;color:#38516f}.edu-photo-copy dd{margin:0;color:#132a47}
.edu-formula{margin:15px 0;padding:14px 16px;border-radius:14px;background:#eaf4ff;border-left:5px solid #0b74df;font-weight:800;color:#07336c;text-align:center;font-size:clamp(1rem,2.2vw,1.3rem)}
.edu-mini-note{margin-top:12px;padding:12px 14px;border-radius:12px;background:#fff8df;border:1px solid #ecd98b;color:#6e5100;font-size:.88rem;line-height:1.45}
.edu-decision{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-items:stretch;margin-top:16px}
.edu-decision .node{position:relative;padding:14px 10px;border-radius:14px;text-align:center;background:#fff;color:#17304e;border:2px solid #cfe0f2;font-weight:700;font-size:.86rem;display:flex;align-items:center;justify-content:center;min-height:92px}
.edu-decision .node:not(:last-child):after{content:'→';position:absolute;right:-18px;top:50%;transform:translateY(-50%);z-index:2;color:#6eb2ff;font-size:26px;font-weight:900}
.edu-decision .node.alert{border-color:#efb7b7;background:#fff4f4;color:#8b1515}.edu-decision .node.ok{border-color:#a9ddc4;background:#effbf5;color:#0a663e}
.edu-check-visual{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
.edu-check-panel{border-radius:20px;background:#fff;border:1px solid #d7e4f1;overflow:hidden;box-shadow:0 12px 28px rgba(3,27,56,.12)}
.edu-check-panel .panel-title{padding:15px 18px;color:#fff;font-weight:900;font-size:1.05rem}.edu-check-panel.first .panel-title{background:#16865c}.edu-check-panel.recurring .panel-title{background:#0b64cf}.edu-check-panel.revision .panel-title{background:#cc2626}
.edu-check-panel svg{width:100%;height:auto;display:block;background:#f7fbff}
.edu-check-panel ul{padding:16px 20px 20px 38px;margin:0;color:#263b54;font-size:.9rem}.edu-check-panel li{margin:7px 0}
.edu-caption{padding:9px 13px;background:#e8f2fc;color:#38536f;font-size:.78rem;border-top:1px solid #cedfec}
@media(max-width:900px){.edu-visual-grid{grid-template-columns:1fr}.edu-visual-card.wide{grid-column:auto}.edu-photo-card{grid-template-columns:1fr}.edu-check-visual{grid-template-columns:1fr}.edu-decision{grid-template-columns:1fr}.edu-decision .node:not(:last-child):after{content:'↓';right:auto;left:50%;top:auto;bottom:-24px;transform:translateX(-50%)}}

/* MOBILE FIX: Fråga Tryckkollen – visa integritetssamtycket i frågemodalen */
@media (max-width: 640px){
  #questionModal{padding:0 !important;align-items:stretch !important;}
  #questionModal .modal{width:100% !important;max-width:none !important;height:100dvh !important;min-height:0 !important;max-height:100dvh !important;margin:0 !important;padding:max(18px, env(safe-area-inset-top)) 14px max(28px, env(safe-area-inset-bottom)) !important;border-radius:0 !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;}
  #questionModal #questionConsentStep{display:block !important;visibility:visible !important;opacity:1 !important;}
  #questionModal #questionConsentStep .consent-section{display:block !important;}
  #questionModal #questionIframeWrapper{min-height:0 !important;height:70dvh !important;overflow:visible !important;}
  #questionModal #questionIframeWrapper iframe{display:block !important;width:100% !important;height:70dvh !important;min-height:70dvh !important;max-height:70dvh !important;overflow:auto !important;-webkit-overflow-scrolling:touch;}
}

/* V27: tydlig avgränsning för illustrativa kontrollguider */
.cg-illustration-disclaimer{max-width:1120px;margin:18px auto 8px;padding:18px 20px;border:1px solid #cfe0f2;border-left:5px solid #0a73e8;border-radius:16px;background:#f7fbff;color:#31465f;display:flex;gap:13px;align-items:flex-start;line-height:1.6;box-shadow:0 7px 22px rgba(7,20,38,.04)}
.cg-illustration-disclaimer i{color:#0a73e8;font-size:1.08rem;margin-top:4px;flex:0 0 auto}
.cg-illustration-disclaimer strong{color:#132033}
.cg-illustration-disclaimer small{display:block;margin-top:5px;color:#5b6d80;font-size:.84rem}
@media(max-width:600px){.cg-illustration-disclaimer{margin:14px 14px 6px;padding:15px 14px;border-radius:14px;font-size:.91rem}}