:root{--ink:#17212d;--muted:#485562;--navy:#203f62;--deep:#172f4c;--gold:#b78321;--gold-dark:#845e14;--gold-light:#edbc54;--paper:#fff;--wash:#f6f5f1;--stroke:#dfe3e5;--max:1170px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.66 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:inherit}a:focus-visible{outline:3px solid var(--gold-dark);outline-offset:3px}
.wrap{width:min(calc(100% - 48px),var(--max));margin-inline:auto}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;z-index:100;top:-100px;left:15px;background:#fff;color:var(--ink);padding:12px 18px;border:3px solid var(--gold-dark)}.skip-link:focus{top:10px}
.preview{background:#fff8e8;border-bottom:1px solid #e6d7b9;color:#614a1d;text-align:center;font-size:12px;font-weight:650;letter-spacing:.01em;padding:9px 15px}
.site-header{background:#fff;border-bottom:1px solid var(--stroke);position:sticky;top:0;z-index:8}.head{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:82px}
.wordmark{font-size:17px;font-weight:850;text-decoration:none;letter-spacing:.078em;white-space:nowrap;color:#101820}.wordmark span{margin-left:10px;padding-left:12px;font-size:13px;font-weight:450;letter-spacing:0;border-left:1px solid #bcbebf;color:#4a5054}
.nav{display:flex;gap:22px;align-items:center;font-size:14px}.nav a{text-decoration:none;display:inline-flex;align-items:center;min-height:44px}.nav a:hover,.text-link:hover{text-decoration:underline;text-decoration-color:var(--gold-dark);text-underline-offset:5px}.nav [aria-current=page]{font-weight:750;text-decoration:underline;text-decoration-color:var(--gold-dark);text-underline-offset:5px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;min-height:46px;border-radius:9px;border:1px solid var(--gold);background:var(--gold);color:#14170e;font-weight:760;text-decoration:none;line-height:1.2;font-size:14px;transition:filter .15s,transform .15s}.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn--outline{background:transparent;border-color:#9c9c91;color:var(--ink)}.btn--light{background:#f5d384;border-color:#f5d384;color:#182337}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5.4vw,72px);line-height:1.13;letter-spacing:-.045em;margin:17px 0 20px;font-weight:820;max-width:780px}h1 em{font-style:normal;color:var(--chat-gold)}h2{font-size:clamp(28px,3.3vw,45px);line-height:1.17;letter-spacing:-.035em;margin:10px 0 20px;font-weight:780}h3{font-size:21px;line-height:1.28;letter-spacing:-.012em;margin-bottom:12px}
.lead{font-size:18px;line-height:1.72;max-width:720px;color:#3d4853}.eyebrow{text-transform:uppercase;letter-spacing:.105em;font-weight:840;font-size:12px;color:var(--gold-dark);margin:0}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:26px}
.hero{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(330px,.87fr);gap:62px;align-items:center;padding:77px 0 78px}.sample{border:1px solid var(--stroke);padding:24px 26px;border-radius:17px;background:var(--wash);box-shadow:0 12px 34px #00000009}.sample h2{font-size:23px;line-height:1.2;margin:8px 0 23px}.sample-kicker{color:var(--gold-dark);font-size:12px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;margin:0}.chat-bubble{border-radius:13px;padding:15px 17px;margin-bottom:12px}.chat-bubble--user{background:#fff;border:1px solid #d6d9da;margin-left:25px}.chat-bubble--ai{background:#e9eef4;border:1px solid #c6d1de;margin-right:15px}.bubble-label{display:block;font-size:11px;font-weight:850;letter-spacing:.02em;color:#435368;margin-bottom:5px}.chat-bubble p{font-size:14px;line-height:1.56;margin:0}.sample-disclaimer{font-size:11.7px;color:#4b5966;margin:15px 0 0;line-height:1.55}
.cycle-section{background:var(--deep);color:#fff;padding:45px 0 36px}.compact-heading{margin-bottom:25px}.cycle-section .eyebrow{color:var(--gold-light)}.cycle-section h2{font-size:31px;margin:8px 0 0}.cycle-section .section-heading p{color:#dce5ee}.cycle-figure{margin:0;background:var(--navy);border-radius:14px;padding:13px 20px 16px;text-align:center}.cycle-figure img{display:block;width:min(100%,890px);margin:0 auto}.cycle-figure figcaption{font-size:12px;line-height:1.5;color:#e3eaf1;margin-top:8px}
.section{padding:83px 0;border-bottom:1px solid var(--stroke)}.section--wash{background:var(--wash)}.section-heading{display:grid;grid-template-columns:1.04fr .96fr;gap:47px;align-items:end;margin-bottom:34px}.section-heading>p{margin-bottom:5px;color:#495562}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.card{border:1px solid var(--stroke);border-radius:15px;padding:24px 27px 27px;background:#fff}.card-icon{color:var(--gold-dark);font-size:31px;display:block;line-height:1;margin-bottom:18px}.card p{font-size:15px;color:#465560;margin:0}.safety-panel{margin-top:30px;border-left:4px solid var(--gold-dark);background:#f9f5e9;border-radius:0 15px 15px 0;padding:29px;display:grid;grid-template-columns:1fr 1fr;gap:37px}.safety-panel h3{font-size:18px}.safety-panel p{font-size:14px;line-height:1.62;margin-bottom:0;color:#303d47}.safety-label{font-weight:830!important;color:#6d4d13!important;font-size:11px!important;letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px!important}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.duo p{color:#43515e}.question-panel{padding:27px 32px;border:1px solid var(--stroke);border-radius:15px;background:#fff}.question-panel h3{font-size:20px}.question-panel ol{margin:15px 0 0;padding-left:23px}.question-panel li{padding:4px 0 5px 3px}.question-panel li::marker{color:var(--gold-dark);font-weight:800}.source-note{border-top:1px solid var(--stroke);font-size:12px;color:#65717b!important;padding-top:13px;margin:16px 0 0}.small-note{font-size:12px!important;color:#5b6773!important;line-height:1.65}
.book-feature{background:var(--deep);color:#fff;overflow:hidden}.book-row{display:grid;grid-template-columns:minmax(245px,.8fr) minmax(0,1.2fr);gap:80px;align-items:center;padding:83px 0}.book-media{display:flex;justify-content:center;position:relative}.book-media:before{content:"";position:absolute;inset:auto 5% 5% 5%;height:70%;border-radius:40%;filter:blur(35px);background:#6781a035;pointer-events:none}.book-cover{position:relative;display:block;width:min(100%,335px);aspect-ratio:539/765;object-fit:cover;border-radius:2px;box-shadow:19px 22px 44px #07152399,-3px 0 2px #ffffff18}.book-feature .eyebrow{color:var(--gold-light)}.book-feature h2{max-width:700px}.book-feature p{color:#e6edf4;max-width:650px}.book-subtitle{font-size:21px;font-weight:680;color:#f0c166!important}.facts{display:flex;flex-wrap:wrap;gap:20px;margin:27px 0 25px}.facts div{padding-right:20px;border-right:1px solid #66809c}.facts div:last-child{border:0}.facts strong{display:block;font-size:20px;line-height:1.3;color:#fff}.facts span{display:block;font-size:12px;color:#cad9e8}
.contact-box{padding:27px 30px;background:var(--wash);border:1px solid var(--stroke);border-radius:15px}.contact-box h3{font-size:21px}.text-link{color:#164674;font-weight:720;text-decoration-thickness:1px;text-underline-offset:4px}.contact-box .small-note{margin-top:18px}
.footer{padding:44px 0 50px;background:#fafaf8}.footer-grid{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap}.footer p{color:#535e69;font-size:13px;max-width:460px}.footer-links{display:flex;flex-wrap:wrap;gap:18px;font-size:13px}.footer-links a{min-height:44px;display:inline-flex;align-items:center;text-underline-offset:4px}.footer .wordmark{font-size:14px}
/* Book detail */
.crumbs{padding:25px 0 0;font-size:13px;color:#535e6b}.crumbs a{text-underline-offset:4px}.crumbs span{margin:0 8px;color:#7f8992}.book-detail-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(270px,.8fr);align-items:center;gap:75px;padding:65px 0 91px}.book-detail-hero h1{font-size:clamp(41px,5vw,67px)}.book-detail-hero .book-cover{width:min(100%,338px)}.cover-stage{border-radius:20px;background:linear-gradient(145deg,#ecf0f4,#dfe5eb);padding:38px 24px;display:flex;justify-content:center}.detail-subtitle{font-size:22px;font-weight:650;color:var(--gold-dark)}.meta-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 25px;margin:25px 0;padding:24px 0;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke)}.meta-list div{display:flex;flex-direction:column}.meta-list dt{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#53616e;font-weight:750}.meta-list dd{margin:2px 0 0;font-weight:630;font-size:15px}.publication-note{background:#f6f5f1;border-left:3px solid var(--gold-dark);padding:13px 17px;color:#3c4854;font-size:14px}.notice{background:#fff;border:1px solid var(--stroke);border-radius:15px;padding:25px 30px}.check-list{margin:17px 0 0;padding:0;list-style:none;display:grid;gap:13px}.check-list li{display:flex;gap:10px;align-items:baseline;color:#475560}.check-list li::before{content:"✓";font-weight:900;color:var(--gold-dark)}
.section-intro{max-width:810px;color:#495562;font-size:17px}.toc-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:31px;align-items:stretch}.toc-card{border:1px solid var(--stroke);border-radius:14px;background:#fff;padding:23px 26px}.toc-label{text-transform:uppercase;color:var(--gold-dark);font-size:12px;font-weight:850;letter-spacing:.07em}.toc-card h3{font-size:20px;line-height:1.3;margin:7px 0 14px}.toc-card ol,.toc-card ul{padding-left:22px;margin:0;color:#495664;font-size:14px;line-height:1.57}.toc-card li{padding:3px 0}.toc-card li::marker{font-weight:700;color:#5a6672}.model-questions{font-size:14px;line-height:1.59}.model-questions li{padding-bottom:9px}.quote{border-left:3px solid var(--gold-dark);padding:9px 0 9px 22px;margin:0;font-weight:660;color:#21354b;font-size:23px;line-height:1.5}.book-tail{padding:73px 0}.book-tail h2{max-width:600px}.book-tail-quote{display:flex;align-items:center;padding:26px 30px;border-left:3px solid var(--gold-light);background:#ffffff0b}.book-tail-quote p{font-size:22px;line-height:1.52;font-weight:700;color:#fff;margin:0}
@media(max-width:1050px){.head{gap:10px}.nav{gap:12px}.wordmark span{display:block;margin:0;padding:0;border:0;font-size:11px}.hero{gap:35px}.book-row{gap:45px}.book-detail-hero{gap:40px}}
@media(max-width:820px){.site-header{position:static}.head{flex-direction:column;align-items:flex-start;gap:7px;padding:14px 0 7px}.nav{width:100%;justify-content:space-between;gap:8px;flex-wrap:wrap}.nav a{min-height:44px}.hero{grid-template-columns:1fr;padding:56px 0;gap:34px}.sample{max-width:700px}.section-heading{grid-template-columns:1fr;gap:5px}.cards{grid-template-columns:1fr 1fr}.duo{grid-template-columns:1fr;gap:26px}.book-row{grid-template-columns:minmax(190px,.73fr) 1.27fr;gap:30px}.book-cover{width:250px}.book-detail-hero{grid-template-columns:1fr;gap:25px}.book-detail-hero .cover-stage{order:-1;max-width:500px}.toc-cards{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.wrap{width:calc(100% - 34px)}.wordmark{font-size:16px}.nav{justify-content:flex-start;gap:2px 16px;font-size:13px}.nav a{padding:2px 0}.preview{font-size:11px}.hero{padding:45px 0}h1{font-size:clamp(38px,10.1vw,54px)}.lead{font-size:17px}.sample{padding:20px 17px}.chat-bubble--user{margin-left:12px}.chat-bubble--ai{margin-right:5px}.cycle-section{padding:41px 0 30px}.cycle-section h2{font-size:28px}.cycle-figure{padding:9px 8px 14px}.cycle-figure figcaption{font-size:11px}.section{padding:62px 0}.cards,.safety-panel,.toc-cards{grid-template-columns:1fr}.safety-panel{gap:22px;padding:23px}.book-row{grid-template-columns:1fr;gap:35px;padding:65px 0}.book-media{justify-content:flex-start}.book-cover{width:235px}.facts{gap:14px}.facts div{padding-right:14px}.book-detail-hero{padding:35px 0 61px}.book-detail-hero .cover-stage{padding:28px 15px}.book-detail-hero .book-cover{width:232px}.meta-list{grid-template-columns:1fr 1fr}.question-panel,.notice,.contact-box{padding:23px 20px}.quote{font-size:20px}.book-tail{padding:61px 0}.book-tail-quote p{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* Version 4 – match the existing gold-and-grey Vaktkollega chat without replacing it. */
:root{--chat-gold:#c7a24a;--chat-surface:#f1f2f4;--chat-ink:#23272c}
.nav-chat-link{background:var(--chat-gold);color:#201b11!important;font-weight:780;padding:0 14px;border-radius:9px;white-space:nowrap}
.nav-chat-link:hover{text-decoration:none!important;filter:brightness(.97)}
.access-note{font-size:12px;color:#58616c;margin-top:14px;max-width:580px;line-height:1.5}
.chat-preview{background:#fbfaf8;overflow:hidden;border:1px solid #e0e3e6;border-radius:20px;padding:0;box-shadow:0 20px 46px #121b2812}
.chat-preview-header{background:var(--chat-gold);color:#201b11;padding:17px 21px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.chat-preview-header h2{font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1.25;color:#211d15;margin:0}
.chat-preview-header span{font-size:11px;font-weight:740;line-height:1.35;text-align:right;color:#403419}
.chat-preview-body{padding:21px 20px 8px;display:flex;flex-direction:column;align-items:stretch;gap:15px}
.chat-preview-message{border-radius:16px;padding:15px 17px;max-width:90%;font-size:14px;line-height:1.55}
.chat-preview-message p{font:inherit;color:inherit;margin:0}
.chat-preview-message--ai{align-self:flex-start;background:var(--chat-surface);color:var(--chat-ink)}
.chat-preview-message--user{align-self:flex-end;background:var(--chat-gold);color:#221d13}
.chat-preview-input{margin:13px 20px 3px;border:2px solid #c4a35b;background:#fff;border-radius:30px;min-height:45px;display:flex;justify-content:space-between;align-items:center;padding:0 15px 0 18px;color:#697179;font-size:13px}
.chat-preview-mic{display:inline-block;border-radius:50%;background:#edeff1;width:27px;height:27px;text-align:center;line-height:27px;font-size:16px;color:#64707a}
.chat-preview .sample-disclaimer{margin:10px 20px 21px;color:#475462;font-size:11px;line-height:1.55}
@media(max-width:1050px){.nav{gap:8px}.nav-chat-link{padding:0 11px}}
@media(max-width:620px){.chat-preview-header{padding:16px}.chat-preview-body{padding:16px 13px 5px;gap:12px}.chat-preview-message{padding:12px 14px;max-width:92%}.chat-preview-input{margin:13px 13px 3px}.chat-preview .sample-disclaimer{margin:11px 14px 16px}.nav-chat-link{min-height:42px}}

/* Mobile: keep quick access to the existing pilot chat while saving header space. */
.mobile-chat-short,.mobile-menu{display:none}
@media(max-width:620px){
 .head{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;min-height:68px;gap:8px;padding:10px 0}
 .head>.nav{display:none}
 .wordmark{font-size:15px;line-height:1.2;white-space:normal;flex:1 1 auto;min-width:0}
 .wordmark span{font-size:10px;margin-top:4px}
 .mobile-chat-short{display:inline-flex;align-items:center;justify-content:center;min-height:43px;flex-shrink:0;border-radius:9px;padding:0 10px;background:var(--chat-gold);font-size:12px;font-weight:800;color:#211c13;text-decoration:none}
 .mobile-menu{display:block;position:relative;flex-shrink:0}
 .mobile-menu summary{display:flex;align-items:center;justify-content:center;min-height:43px;padding:0 9px;border:1px solid var(--stroke);border-radius:9px;background:#fff;font-size:13px;font-weight:750;cursor:pointer;list-style:none}
 .mobile-menu summary::-webkit-details-marker{display:none}
 .mobile-menu nav{position:absolute;z-index:12;top:calc(100% + 8px);right:0;min-width:220px;padding:8px;background:#fff;border:1px solid var(--stroke);border-radius:12px;box-shadow:0 14px 30px #131d2b22;display:flex;flex-direction:column;gap:1px}
 .mobile-menu nav a{display:flex;align-items:center;min-height:44px;padding:8px 12px;text-decoration:none;border-radius:8px;color:var(--ink);font-size:14px}
 .mobile-menu nav a:hover{background:var(--wash)}
}

.chat-preview-mic{display:inline-flex;align-items:center;justify-content:center}

/* V5: targeted design corrections; underlying V4 layout is deliberately retained. */
.duo .eyebrow{color:var(--gold-dark)}
.book-feature .duo .eyebrow{color:var(--gold-light)}
.btn:not(.btn--outline):not(.btn--light){background:var(--chat-gold);border-color:var(--chat-gold);color:#211c13}
.cycle-figure{background:#1e3d60}
.card-icon{display:inline-flex;align-items:center;justify-content:flex-start;min-height:35px}
.access-note a{color:#164674;font-weight:740;text-underline-offset:3px}
@media(max-width:360px){.book-detail-hero h1{font-size:39px}}
/* Avoid unexpected keyboard focus or undersized touch targets in both mobile menus. */
.mobile-menu summary:focus-visible,.mobile-chat-short:focus-visible{outline:3px solid var(--gold-dark);outline-offset:3px}

/* Kontaktformulär: matcha den redan godkända grafiska identiteten. */
.contact-page-section{padding-top:40px}
.contact-page-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:75px;align-items:start}
.contact-page-grid h1{font-size:clamp(39px,5.6vw,70px)}
.contact-form-card{background:#fff;border:1px solid var(--stroke);padding:31px;border-radius:17px;box-shadow:0 16px 42px #1122350b}
.contact-form-card h2{font-size:25px;margin:0 0 20px}
.contact-form{display:grid;gap:10px}
.contact-form label{color:#253543;font-weight:720;font-size:14px;margin-top:7px}
.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;min-width:0;border:1px solid #aeb8bf;border-radius:9px;background:#fff;color:#1e2b35;padding:12px 14px;font:inherit;font-size:16px;line-height:1.5}
.contact-form textarea{resize:vertical;min-height:135px}
.contact-form :is(input,select,textarea):focus-visible{outline:3px solid #a98739;outline-offset:2px}
.contact-form .btn{margin-top:5px;justify-self:start;font-size:15px;cursor:pointer}
.contact-privacy{font-size:13px;color:#485663;line-height:1.65}
.contact-privacy a{text-underline-offset:3px;color:#164674}
.contact-form .honeypot{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}
.contact-direct{margin-top:36px;padding:25px 28px;border-radius:14px;background:var(--wash);border:1px solid var(--stroke)}
.contact-direct h2{font-size:21px;line-height:1.35;margin:0 0 12px}
.contact-direct p{overflow-wrap:anywhere}
.copy-email{border:1px solid var(--gold-dark);background:#fff;border-radius:9px;color:var(--ink);padding:12px 15px;min-height:44px;font:inherit;font-size:14px;font-weight:750;cursor:pointer}
.copy-email:hover,.copy-email:focus-visible{background:#f9f2e0}
.contact-thanks{padding:95px 0 130px;min-height:65vh}
.contact-thanks h1{max-width:790px}
@media(max-width:820px){.contact-page-grid{grid-template-columns:1fr;gap:28px}}
@media(max-width:620px){.contact-page-section{padding:35px 0 70px}.contact-form-card,.contact-direct{padding:23px 19px}.contact-thanks{padding:60px 0 90px}}