/* Vaktkollega – gemensam designstandard. Separat från funktionell pilotkod.
   Fristående åtgärder: #c7a24a. Navigation och diskreta kontroller: textlänk. */
:root{--vk-gold:#c7a24a;--vk-gold-ink:#211c13;--vk-ink:#17212d;--vk-navy:#203f62;--vk-deep:#172f4c;--vk-border:#dfe3e5;--vk-taupe:#845e14;--gold:#c7a24a;--chat-gold:#c7a24a}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--vk-ink)}
.vk-site-header,.vk-footer,.vk-site-header *, .vk-footer * {box-sizing:border-box}
.vk-site-header{position:relative;z-index:30;background:#fff;border-bottom:1px solid var(--vk-border);width:100%;color:var(--vk-ink)}
.vk-header-inner{max-width:1218px;margin:0 auto;width:calc(100% - 48px);min-height:83px;display:flex;align-items:center;gap:25px}
.vk-brand{display:flex;flex-direction:column;text-decoration:none!important;color:#101820!important;font-size:18px;font-weight:850;letter-spacing:.075em;line-height:1.2;flex-shrink:0}
.vk-brand span{font-size:11px;font-weight:500;letter-spacing:.01em;color:#59636c;margin-top:5px}
.vk-nav{display:flex;align-items:center;gap:25px;margin-left:auto;white-space:nowrap}
.vk-nav a,.vk-mobile-menu nav a{color:#243340!important;text-decoration:none!important;font-size:14px;font-weight:540}
.vk-nav a:hover,.vk-mobile-menu nav a:hover{text-decoration:underline!important;text-decoration-color:var(--vk-gold)!important;text-underline-offset:5px}
.vk-header-actions{display:flex;align-items:center;flex-shrink:0;gap:9px}
.vk-button{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:46px!important;padding:11px 20px!important;border:1px solid transparent!important;border-radius:9px!important;font-family:inherit!important;font-size:14px!important;line-height:1.35!important;font-weight:750!important;text-decoration:none!important;cursor:pointer;white-space:nowrap;transition:background-color .15s,border-color .15s!important;box-shadow:none!important;transform:none!important}
.vk-button--primary{background:var(--vk-gold)!important;border-color:var(--vk-gold)!important;color:var(--vk-gold-ink)!important}
.vk-button--primary:hover{background:#d5b360!important;border-color:#d5b360!important;filter:none!important;transform:none!important}
.vk-action-text{background:transparent!important;border:0!important;border-radius:0!important;color:#203f62!important;padding:8px 10px!important;min-height:42px!important;font-family:inherit!important;font-size:14px!important;font-weight:700!important;text-decoration:underline!important;text-underline-offset:4px!important;box-shadow:none!important;cursor:pointer}
.vk-action-text:hover{color:#845e14!important}
.vk-site-header :is(a,button,summary):focus-visible,.vk-footer a:focus-visible,.vk-button:focus-visible,.vk-text-action:focus-visible,.vk-action-text:focus-visible{outline:3px solid #845e14!important;outline-offset:3px!important}
.vk-mobile-menu{display:none;position:relative}
.vk-mobile-menu summary{cursor:pointer;list-style:none;border:1px solid var(--vk-border);border-radius:9px;padding:10px 13px;font-size:13px;font-weight:700;min-height:45px;display:flex;align-items:center;background:#fff}
.vk-mobile-menu summary::-webkit-details-marker{display:none}
.vk-mobile-menu nav{position:absolute;right:0;top:calc(100% + 7px);display:flex;flex-direction:column;min-width:210px;padding:8px;background:#fff;border:1px solid var(--vk-border);border-radius:10px;box-shadow:0 15px 35px #10182024;z-index:50}
.vk-mobile-menu nav a{padding:11px 10px;display:block;min-height:43px}
.vk-container{max-width:1170px;margin:0 auto;width:calc(100% - 48px)}
.vk-eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--vk-taupe);margin:0 0 16px}
.vk-hero{padding:100px 0 109px;max-width:1170px}
.vk-hero h1{font-size:clamp(43px,5.6vw,72px);line-height:1.12;letter-spacing:-.045em;max-width:940px;margin:0 0 30px;font-weight:820}
.vk-hero h1 em{color:var(--vk-gold);font-style:normal}
.vk-lead{max-width:800px;color:#354452;font-size:20px;line-height:1.7;margin:0 0 15px}
.vk-lead strong{color:#1b2b3a;font-weight:750}
.vk-hero-description{max-width:770px;font-size:17px;line-height:1.72;color:#465560;margin:0}
.vk-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:29px}
.vk-text-action{font-size:15px;font-weight:750;color:#203f62;text-decoration:underline;text-decoration-color:#9baab6;text-underline-offset:5px}
.vk-text-action:hover{text-decoration-color:var(--vk-taupe)}
.vk-knowledge{background:var(--vk-deep);color:#fff;padding:86px 0 66px}
.vk-book-story{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:92px;align-items:center}
.vk-book-image{display:flex;justify-content:center}
.vk-book-image img{display:block;width:min(100%,345px);height:auto;box-shadow:16px 26px 44px #08162680,-2px 0 2px #fff3}
.vk-knowledge .vk-eyebrow{color:#e8bd59}
.vk-book-copy h2{font-size:clamp(35px,4vw,52px);line-height:1.12;letter-spacing:-.035em;color:#fff;margin:0 0 13px}
.vk-book-copy p{color:#e4eaf1;font-size:16px;line-height:1.74;margin:0 0 15px}
.vk-book-copy .vk-book-tagline{font-size:22px;color:#e8bd59;font-weight:650;margin-bottom:22px}
.vk-book-copy .vk-book-facts{font-size:14px;font-weight:700;letter-spacing:.01em;color:#fff;margin:22px 0 26px}
.vk-book-facts span{margin:0 8px;color:#e8bd59}
.vk-cycle{border-top:1px solid #52677e;margin-top:80px;padding-top:38px;display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;align-items:center}
.vk-cycle h3{font-size:22px;line-height:1.32;color:#fff;margin:0}
.vk-cycle img{display:block;width:100%;max-width:850px;height:auto;object-fit:contain}
.vk-ai{padding:105px 0 105px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);gap:110px;align-items:center}
.vk-ai h2,.vk-about h2{font-size:clamp(31px,4.1vw,50px);line-height:1.16;letter-spacing:-.035em;margin:0 0 25px;color:#17212d}
.vk-ai p,.vk-about p{color:#44525f;font-size:17px;line-height:1.78;margin:0 0 17px}
.vk-ai p strong{color:#1e2f3e}
.vk-ai .vk-availability{font-size:14px;margin-top:25px;color:#5a6773}
.vk-availability a{font-weight:730;text-underline-offset:4px;color:#203f62}
.vk-ai-aside{border-left:2px solid #d9bd7a;padding:8px 0 8px 26px}
.vk-ai-aside .vk-aside-label{font-size:12px;letter-spacing:.1em;font-weight:800;text-transform:uppercase;color:#845e14;margin:0 0 14px}
.vk-ai-aside p{font-size:21px;line-height:1.58;color:#23384b;margin:0 0 18px}
.vk-ai-aside .vk-aside-small{font-size:14px;color:#61707b}
.vk-about{border-top:1px solid #e3e6e9;padding:67px 0 88px;background:#fff}
.vk-about-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px}
.vk-about p{font-size:16px}
.vk-footer{background:#f9f9f7;border-top:1px solid #e3e6e9;color:#4d5863}
.vk-footer-inner{max-width:1170px;width:calc(100% - 48px);margin:0 auto;display:flex;justify-content:space-between;gap:60px;padding:40px 0 52px}
.vk-footer-brand{font-weight:850;font-size:15px;letter-spacing:.075em;text-decoration:none!important;color:#162635!important}
.vk-footer p{font-size:13px;line-height:1.6;color:#53616e;margin:9px 0 4px;max-width:510px}
.vk-footer a{color:#233e56;text-underline-offset:3px}
.vk-footer nav{display:flex;flex-wrap:wrap;column-gap:20px;row-gap:8px;max-width:530px;align-content:start}
.vk-footer nav a{font-size:13px;white-space:nowrap}
/* Book detail: fewer framed containers, one navy band, actual source content retained. */
.book-detail-hero .cover-stage{background:transparent;padding:0;justify-content:center}
.book-detail-hero .book-cover{width:min(100%,350px)}
.book-detail-hero .detail-subtitle{color:#845e14}
.book-detail-hero .actions .vk-button{max-width:100%}
.section--wash{background:#fff}
.section{border-color:#e4e7e9}
.notice,.question-panel{box-shadow:none}
.toc-cards{gap:0 40px}
.toc-card{border:0;border-radius:0;border-top:1px solid #dfe3e5;padding:25px 0 28px}
.toc-card h3{margin-top:8px}
.book-feature .vk-button--primary{color:#211c13!important}
.book-tail{padding:65px 0}
.book-tail-quote{border-color:#d6ba79;background:transparent}
.vk-five-section{padding:68px 0;border-top:1px solid #e3e6e9}
.vk-five-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}
.vk-five-layout h2{font-size:clamp(28px,3.3vw,43px)}
.vk-five-layout p{color:#53616e}
.vk-five-layout ol{margin:4px 0 0;padding-left:23px;line-height:1.72;font-weight:550}
.vk-five-layout li{padding:5px 0}
.vk-five-layout li::marker{color:#845e14;font-weight:800}
/* Contact is a working form and remains the only prominent bordered form surface. */
.contact-direct{border:0;background:#f7f7f5}
.contact-page-grid .contact-form-card{box-shadow:none}
/* Pilot styles: a dedicated namespace guards existing JS and Voiceflow UI. */
body.chat-app{background:#fff}
.chat-app .vk-site-header{width:100%;margin:0;padding:0;border-bottom:1px solid var(--vk-border)}
.chat-app .vk-header-inner{width:calc(100% - 48px);max-width:1218px;min-height:83px}
.chat-app .vk-nav a{font-size:14px}
.chat-app .vk-hero,.chat-app .hero{width:min(calc(100% - 48px),1170px);padding-top:80px;padding-bottom:56px}
.chat-app .hero{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:66px}
.chat-app .hero h1{font-size:clamp(40px,5vw,67px);line-height:1.12}
.chat-app .hero h1 .accent{display:block;color:#c7a24a;margin-top:5px}
.chat-app .access-card{background:#fff;border:1px solid #e1e4e6;box-shadow:none;border-radius:13px}
.chat-app .access-card h2{color:#182b3c}
.chat-app .eyebrow{color:#845e14}
.chat-app .notice-wrap{width:min(calc(100% - 48px),1170px);padding:0 0 70px}
.chat-app .notice{display:block;grid-template-columns:none;border:0;border-left:2px solid #d6bd80;background:#fff;border-radius:0;padding:8px 0 8px 20px;box-shadow:none;max-width:750px}
.chat-app .notice strong{font-weight:780}
.chat-app .vk-examples{max-width:1170px;width:calc(100% - 48px);margin:0 auto;padding:12px 0 34px;border-top:1px solid #e3e6e9}
.chat-app .vk-examples h2{font-size:23px;margin:26px 0 12px;color:#203448}
.chat-app .vk-examples ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0}
.chat-app .vk-examples li{font-size:14px;line-height:1.6;color:#455462;padding-left:15px;border-left:2px solid #dbc68f}
.chat-app .vk-footer{width:100%;margin:0}
.chat-app .vk-footer-inner{padding:40px 0 50px}
.chat-app .vk-header-actions .vk-button{min-width:94px}
/* Informational pages have distinct body wrappers; keep contents and rights intact. */
.shell .vk-site-header{width:100%;padding:0;margin:0;border-bottom:1px solid #dfe3e5}
.shell .vk-header-inner{width:calc(100% - 48px);max-width:1218px}
.shell .vk-footer{margin-top:auto}
.shell .vk-footer-inner{max-width:1170px;width:calc(100% - 48px);padding:40px 0}
.shell .notice{border-left:3px solid #c7a24a;background:#f9f8f5;border-radius:0}
.shell .card{box-shadow:none;border:0;border-radius:0;border-top:1px solid #e3e6e9;padding:25px 0;margin-top:8px}
.shell .card h2{font-size:23px}
@media(max-width:1050px){.vk-header-inner{gap:15px}.vk-nav{gap:14px}.vk-book-story{gap:48px}.vk-ai{gap:60px}}
@media(max-width:840px){.vk-nav{display:none}.vk-mobile-menu{display:block}.vk-header-inner{justify-content:space-between}.vk-header-actions{margin-left:auto}.vk-book-story{gap:32px}.vk-ai{gap:42px}.chat-app .hero{grid-template-columns:1fr}.chat-app .access-card{max-width:680px}}
@media(max-width:620px){.vk-container{width:calc(100% - 36px)}.vk-header-inner,.chat-app .vk-header-inner,.shell .vk-header-inner{width:calc(100% - 28px);min-height:70px;gap:10px}.vk-brand{font-size:14px}.vk-brand span{font-size:10px}.vk-header-actions .vk-button{padding:9px 11px!important;font-size:12px!important;min-height:44px!important}.vk-mobile-menu summary{padding:9px 10px}.vk-hero{padding:60px 0 76px}.vk-hero h1{font-size:clamp(38px,9.5vw,53px);line-height:1.13}.vk-lead{font-size:18px}.vk-hero-description{font-size:16px}.vk-knowledge{padding:62px 0 50px}.vk-book-story{grid-template-columns:1fr;gap:42px}.vk-book-image{justify-content:flex-start}.vk-book-image img{max-width:220px}.vk-cycle{grid-template-columns:1fr;margin-top:50px;padding-top:27px}.vk-cycle img{width:100%}.vk-ai{grid-template-columns:1fr;padding:70px 0 75px;gap:30px}.vk-ai-aside{padding-left:20px}.vk-about{padding:65px 0}.vk-about-inner{grid-template-columns:1fr;gap:7px}.vk-footer-inner{flex-direction:column;gap:26px;width:calc(100% - 36px)}.vk-five-layout{grid-template-columns:1fr;gap:15px}.chat-app .hero{width:calc(100% - 28px);padding-top:43px;gap:28px}.chat-app .vk-examples{width:calc(100% - 28px)}.chat-app .vk-examples ul{grid-template-columns:1fr;gap:12px}.chat-app .notice-wrap{width:calc(100% - 28px)}.shell .vk-footer-inner{width:calc(100% - 28px)}.chat-app .vk-footer-inner{width:calc(100% - 28px)}.chat-app .vk-header-actions .vk-button{min-width:0}.chat-app .vk-site-header{padding:0}.chat-app .access-card{padding:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.vk-button{transition:none!important}}

/* Form and session controls use the same golden action style; cancellation stays a text control. */
.chat-app .vk-action-text{color:#203f62!important;background:transparent!important;border:0!important;box-shadow:none!important}
.vk-site-header .vk-action-text{white-space:nowrap}

/* Mobile safety margin for the explicit header label "Öppna AI-tjänsten".
   Does not alter the desktop system or the login / Voiceflow scripts. */
@media(max-width:400px){
 .vk-header-inner,.chat-app .vk-header-inner,.shell .vk-header-inner{gap:5px}
 .vk-brand{font-size:12px}
 .vk-brand span{display:none}
 .vk-header-actions .vk-button{font-size:11px!important;padding:8px 7px!important;gap:4px!important}
 .vk-mobile-menu summary{font-size:12px;padding:8px 7px}
}