@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url(/identity/assets/manrope-400.woff2) format('woff2');}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url(/identity/assets/manrope-600.woff2) format('woff2');}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url(/identity/assets/manrope-700.woff2) format('woff2');}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url(/identity/assets/hanken-grotesk-400.woff2) format('woff2');}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(/identity/assets/hanken-grotesk-600.woff2) format('woff2');}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(/identity/assets/hanken-grotesk-700.woff2) format('woff2');}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:800;font-display:swap;src:url(/identity/assets/hanken-grotesk-800.woff2) format('woff2');}


/* Vikingbad identity — source: shared identitet/design-tokens.json. */
:root{--vb-charcoal:#1b1b1b;--vb-text:#252525;--vb-white:#ffffff;--vb-sand:#efe9de;--vb-line:#ded8c8;--vb-dark-sand:#cbc4af;--vb-orange:#f4835a;--vb-accent:#ad4a26;--vb-olive:#5e6a60;--vb-brown:#9d8068;--ink:var(--vb-text);--muted:var(--vb-olive);--line:var(--vb-line);--paper:var(--vb-white);--green:var(--vb-olive);--mint:var(--vb-sand);--orange:var(--vb-orange)}

body,button,input,select,textarea{font-family:Manrope,system-ui,sans-serif}
body{background:var(--vb-white);color:var(--vb-text)}
h1,h2,h3,h4,.hero h1{font-family:'Hanken Grotesk',Manrope,sans-serif;font-weight:700}
.topbar,.gate,.iv-header{background:var(--vb-charcoal)}
#individual-root{background:var(--vb-white);color:var(--vb-text);--iv-ink:var(--vb-text);--iv-line:var(--vb-line);--iv-sand:var(--vb-sand)}
#individual-root button{font-family:Manrope,sans-serif}
#individual-root button:not(.secondary){color:var(--vb-text)}
#individual-root button{background:var(--vb-orange);border-color:var(--vb-orange)}
#individual-root button.secondary{background:var(--vb-white);color:var(--vb-text);border-color:var(--vb-line)}
.iv-header{border-top:4px solid var(--vb-orange)}
.iv-header .iv-brand img{width:146px;height:auto;display:block}
#individual-root .iv-header button{color:var(--vb-white);background:transparent;border-color:var(--vb-olive)}
#individual-root .iv-nav button{background:transparent;border-color:transparent;color:var(--vb-text)}
#individual-root .iv-nav button[aria-current=page]{color:var(--vb-text);border-bottom-color:var(--vb-orange)}
.iv-nav{background:var(--vb-white)}
.iv-selection-intro .iv-kicker,.iv-guide-eyebrow{color:var(--vb-accent);font-size:11px}
#individual-root .iv-selection-intro h1{letter-spacing:-.015em;font-size:44px}
.iv-selection-intro p{font-size:15px;color:var(--vb-text);max-width:76ch}
.iv-selection-counter,.iv-progress-card,.iv-brief,.iv-guide>summary{background:var(--vb-sand)}
.iv-selection-counter strong,.iv-guide>summary strong,.iv-guide-steps h3,.iv-guide-key strong,.iv-guide-weights b{color:var(--vb-text)}
.iv-guide,.iv-pick-theme,.iv-save,.iv-selection-footer{background:var(--vb-white)}
.iv-guide>summary{border-top:3px solid var(--vb-orange)}
.iv-guide-number,.iv-pick-theme>header>span{background:var(--vb-orange);color:var(--vb-charcoal);border:0;border-radius:4px;font-weight:700}
.iv-guide-steps p,.iv-guide-purpose,.iv-guide-key>span,.iv-guide-more p{color:var(--vb-text);font-size:14px;line-height:1.75}
.iv-guide-more summary{color:var(--vb-text);font-size:14px}
.iv-guide-key{border-left:4px solid var(--vb-orange)}
.iv-pick-theme>header,.iv-sidebar{background:var(--vb-charcoal);color:var(--vb-white)}
.iv-pick-theme header p{color:var(--vb-dark-sand)}
.iv-pick-card.is-picked{background:var(--vb-sand);border-color:var(--vb-dark-sand)}
#individual-root .iv-pick-card input{accent-color:var(--vb-accent)}
#individual-root .iv-pick-card-footer button,#individual-root #iv-read-source{color:var(--vb-accent);background:transparent;border:0}
.iv-pick-card strong{font-size:15px}.iv-pick-card small{font-size:13px}
#individual-root progress{accent-color:var(--vb-accent)}
#individual-root progress::-webkit-progress-value{background:var(--vb-accent)}
#individual-root progress::-webkit-progress-bar{background:var(--vb-line)}
.iv-rating-option input:checked+span{background:var(--vb-orange);border-color:var(--vb-accent);color:var(--vb-text);box-shadow:none}
#individual-root .iv-save #iv-submit{background:var(--vb-orange);border-color:var(--vb-orange);color:var(--vb-text)}
#individual-root .iv-sidebar input,#individual-root .iv-sidebar select{background:var(--vb-text);color:var(--vb-white);border-color:var(--vb-olive)}
#individual-root .iv-source-dialog nav button{background:transparent;color:var(--vb-text)}
#individual-root .iv-source-dialog nav button[aria-current=page]{background:var(--vb-sand);border-left:3px solid var(--vb-orange)}
#individual-root .iv-source-dialog header button{background:transparent;color:var(--vb-text);border-color:var(--vb-dark-sand)}
#individual-root :is(button,input,select,textarea):focus-visible{outline:3px solid var(--vb-accent);outline-offset:3px}
@media(max-width:760px){#individual-root .iv-selection-intro h1{font-size:32px}.iv-header .iv-brand img{width:120px}.iv-selection-intro p{font-size:14px}.iv-guide-steps p,.iv-guide-purpose{font-size:14px}}

/* A dedicated introduction page before the theme selection. */
.iv-introduction-page{max-width:1200px;margin:0 auto;border:0;overflow:visible}
.iv-introduction-heading{padding:28px 30px;background:var(--vb-charcoal);color:var(--vb-white);border-top:4px solid var(--vb-orange);border-radius:4px 4px 0 0}
.iv-introduction-heading .iv-guide-eyebrow{color:var(--vb-orange);margin:0 0 14px}
#individual-root .iv-introduction-heading h1{font-size:40px;letter-spacing:-.015em;margin:0;max-width:24ch}
.iv-introduction-page .iv-guide-body{padding:4px 30px 28px;border:1px solid var(--vb-line);border-top:0}
.iv-introduction-page .iv-guide-purpose{font-size:16px;margin:24px 0 30px;max-width:76ch}
.iv-introduction-page .iv-guide-action{padding-top:10px}
@media(max-width:760px){.iv-nav{flex-wrap:wrap;gap:0 16px}.iv-introduction-heading{padding:24px 20px}#individual-root .iv-introduction-heading h1{font-size:30px}.iv-introduction-page .iv-guide-body{padding:2px 20px 24px}.iv-introduction-page .iv-guide-purpose{font-size:14px}.iv-introduction-page .iv-guide-action button{width:100%}}

@media(max-width:560px){.iv-nav{gap:0 8px;padding:0 12px}#individual-root .iv-nav button{font-size:10px}.iv-nav-count{font-size:9px}#individual-root .iv-nav #iv-refresh{padding-left:0;padding-right:0}}

/* One continuous, accessible reading surface; the underlying selection stays intact. */
#individual-root .iv-reader{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:var(--vb-sand);color:var(--vb-text);overflow-y:auto;overscroll-behavior:contain;box-shadow:none}
.iv-reader::backdrop{background:var(--vb-charcoal)}
#individual-root .iv-reader .iv-reader-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:22px;background:var(--vb-charcoal);color:var(--vb-white);border:0;border-top:4px solid var(--vb-orange);padding:16px 32px}
.iv-reader-bar img{width:145px;height:auto}.iv-reader-bar>span{font-size:13px;color:var(--vb-sand)}
#individual-root .iv-reader .iv-reader-bar button{margin-left:auto;font-size:13px;line-height:1.3;padding:10px 16px;color:var(--vb-white);border:1px solid var(--vb-olive);background:transparent}
.iv-reader-paper{max-width:1000px;margin:32px auto 48px;padding:44px 64px;background:var(--vb-white);border:1px solid var(--vb-line);border-radius:4px}
.iv-reader-heading{padding-bottom:28px;border-bottom:2px solid var(--vb-text)}
.iv-reader-heading .iv-kicker{color:var(--vb-accent);font-size:11px;letter-spacing:.14em;margin:0 0 16px}
#individual-root .iv-reader #iv-reader-title{font-size:clamp(30px,3vw,44px)!important;line-height:1.15;margin:0 0 26px;letter-spacing:-.015em;overflow-wrap:anywhere}
.iv-reader-meta{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin:0}.iv-reader-meta dt{font-size:11px;color:var(--vb-olive);margin-bottom:6px}.iv-reader-meta dd{font-size:14px;margin:0;line-height:1.6}
.iv-reader-guidance,.iv-reader-reflection{background:var(--vb-sand);border-left:4px solid var(--vb-orange);padding:20px 24px;margin:28px 0}
.iv-reader-guidance strong{font-size:16px}.iv-reader-guidance p,.iv-reader-reflection p{font-size:14px;line-height:1.75;margin:8px 0 0}
.iv-reader-section{padding:30px 0;border-bottom:1px solid var(--vb-line)}
.iv-reader-section-heading{display:flex;align-items:flex-start;gap:16px}.iv-reader-section-heading>span{display:grid;place-items:center;flex:0 0 36px;height:36px;background:var(--vb-orange);color:var(--vb-charcoal);border-radius:4px;font:700 14px 'Hanken Grotesk',sans-serif}
#individual-root .iv-reader-section h3{font-size:24px;line-height:1.25;margin:1px 0 8px}.iv-reader-hint{font-size:13px;line-height:1.65;color:var(--vb-olive);margin:0}
.iv-reader-text{margin:20px 0 0 52px;max-width:72ch;overflow-wrap:anywhere}.iv-reader-text p{font-size:16px;line-height:1.85;margin:0 0 16px}.iv-reader-text p:last-child{margin-bottom:0}.iv-reader-text .iv-reader-missing{font-size:14px;color:var(--vb-olive);border-left:2px solid var(--vb-line);padding-left:16px}
#individual-root .iv-reader-reflection h3{font-size:21px;margin:0}
.iv-reader-footer{display:flex;align-items:center;gap:28px;margin:28px 0 0;padding:22px 0 0;border-top:1px solid var(--vb-line)}.iv-reader-footer p{font-size:12px;line-height:1.7;color:var(--vb-olive);margin:0;flex:1}.iv-reader-footer button{white-space:nowrap}
@media(max-width:760px){#individual-root .iv-reader .iv-reader-bar{padding:12px 16px;gap:12px}.iv-reader-bar img{width:112px}.iv-reader-bar>span{display:none}#individual-root .iv-reader .iv-reader-bar button{font-size:12px;padding:9px 12px}.iv-reader-paper{margin:0;padding:28px 20px;border:0;border-radius:0}.iv-reader-meta{grid-template-columns:1fr;gap:14px}.iv-reader-guidance,.iv-reader-reflection{padding:17px 18px}.iv-reader-section-heading{gap:12px}#individual-root .iv-reader-section h3{font-size:22px}.iv-reader-text{margin:18px 0 0}.iv-reader-text p{font-size:15px;line-height:1.8}.iv-reader-footer{display:block}.iv-reader-footer button{width:100%;margin-top:20px}}

.iv-demo-banner{display:flex;align-items:center;gap:28px;padding:20px 24px;margin-bottom:28px;background:var(--vb-sand);border:1px solid var(--vb-line);border-left:4px solid var(--vb-orange);border-radius:4px}.iv-demo-banner>div{flex:1}.iv-demo-banner strong{font-size:18px}.iv-demo-banner p{font-size:13px;line-height:1.7;margin:7px 0 0}.iv-demo-banner button{white-space:nowrap}@media(max-width:700px){.iv-demo-banner{display:block}.iv-demo-banner button{margin-top:16px;width:100%}}