:root{--navy:#071b33;--navy-2:#0d2b4b;--teal:#11c5bd;--teal-dark:#087d7a;--yellow:#ffbf3f;--ink:#10233b;--muted:#5d6d7e;--cloud:#f4f8fb;--white:#fff;--line:#dce7ee;--radius:24px;--shadow:0 20px 60px rgba(7,27,51,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--white);line-height:1.55}a{color:inherit;text-decoration:none}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 28px}.brand{display:flex;align-items:center;gap:11px;font-weight:850;font-size:1.1rem;color:var(--navy)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--teal);color:var(--navy);font-size:1.35rem;box-shadow:0 6px 20px rgba(17,197,189,.28)}nav{display:flex;gap:28px;font-weight:700;font-size:.95rem}nav a:hover{color:var(--teal-dark)}.hero{min-height:600px;background:var(--navy);color:white;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:36px;padding:68px max(28px,calc((100vw - 1124px)/2));overflow:hidden}.hero-copy{max-width:650px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:850;color:var(--teal);margin:0 0 12px}.hero h1{font-size:clamp(3rem,6vw,5.7rem);line-height:.94;letter-spacing:-.06em;margin:0 0 24px;max-width:720px}.hero h1 span{color:var(--yellow)}.intro{font-size:1.18rem;color:#cbd9e6;max-width:610px;margin:0 0 30px}.primary-button,.calculator button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;background:var(--yellow);color:var(--navy);font-weight:850;font-size:1rem;padding:16px 22px;cursor:pointer;box-shadow:0 10px 25px rgba(255,191,63,.24)}.primary-button:hover,.calculator button:hover{transform:translateY(-2px)}.microcopy{font-size:.82rem;color:#9db0c2;margin-top:14px}.guide-card{position:relative;align-self:end;display:flex;justify-content:center}.guide-card:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(17,197,189,.13);top:74px}.guide-card img{position:relative;display:block;width:min(100%,480px);height:auto;max-height:540px;object-fit:contain;object-position:bottom}.speech{position:absolute;z-index:2;right:0;top:22px;max-width:260px;background:white;color:var(--ink);padding:15px 18px;border-radius:18px 18px 4px 18px;font-weight:750;box-shadow:var(--shadow)}.topics{max-width:1180px;margin:auto;padding:88px 28px}.section-heading h2,.calculator-intro h2,.coming-soon h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.045em;margin:0}.topic-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:42px}.topic-card{grid-column:span 2;min-height:260px;border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:linear-gradient(145deg,#fff,var(--cloud));transition:.2s ease;position:relative;overflow:hidden}.topic-card:nth-child(4){grid-column:2/span 2}.topic-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#b8d8dd}.topic-icon{display:grid;place-items:center;width:68px;height:68px;border-radius:20px;background:white;font-size:2rem;box-shadow:0 10px 30px rgba(7,27,51,.08)}.topic-card h3{font-size:1.35rem;margin:22px 0 6px}.topic-card p{color:var(--muted);margin:0 0 22px}.status{font-size:.75rem;font-weight:800;color:var(--teal-dark);background:#dffffd;padding:7px 10px;border-radius:999px}.calculator-section{background:var(--cloud);padding:88px max(28px,calc((100vw - 1124px)/2));display:grid;grid-template-columns:.78fr 1.22fr;gap:64px;align-items:start}.calculator-intro>p:not(.eyebrow){color:var(--muted);font-size:1.04rem}.trust-note{margin-top:26px;padding:18px;border-left:4px solid var(--yellow);background:white;border-radius:0 14px 14px 0;color:var(--muted);font-size:.9rem}.calculator{background:white;border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.fields label{font-size:.88rem;font-weight:750;color:var(--ink);position:relative}.fields label span{position:absolute;left:15px;bottom:12px;color:var(--muted)}.fields input{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:12px;padding:13px 12px 13px 34px;font:inherit;color:var(--ink);outline:0}.fields input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(17,197,189,.15)}.calculator button{width:100%;margin-top:22px}.result{margin-top:22px;border-radius:18px;background:var(--navy);color:white;padding:24px}.result>div{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:7px 0}.result span{color:#aebfd0}.result strong{font-size:1.7rem}.result p{border-top:1px solid rgba(255,255,255,.15);margin:12px 0 0;padding-top:14px;color:var(--teal)}.coming-soon{max-width:1124px;margin:88px auto;padding:42px;border-radius:var(--radius);background:var(--navy-2);color:white;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.coming-soon>p{color:#cbd9e6;margin:0}footer{max-width:1180px;margin:auto;padding:42px 28px 50px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:10px 30px;align-items:center;color:var(--muted)}.footer-brand{color:var(--navy)}footer p{margin:0}footer>div:nth-of-type(2){display:flex;gap:22px;grid-row:1/span 2;grid-column:2}footer a:hover{color:var(--teal-dark)}footer small{grid-column:1/-1;margin-top:20px}
.simple-page{background:var(--cloud);min-height:100vh}.page-wrap{max-width:820px;margin:40px auto 80px;padding:44px;background:white;border-radius:var(--radius);box-shadow:var(--shadow)}.page-wrap h1{font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.05em;line-height:1;margin:0 0 22px}.page-wrap h2{margin-top:34px}.page-wrap p,.page-wrap li{color:var(--muted)}.back-link{display:inline-block;margin-bottom:28px;color:var(--teal-dark);font-weight:800}
.simple-page:after{content:"Ontwerp & ontwikkeling: Vatski™ · © 2026 Wat kost het mij?";display:block;max-width:820px;margin:-48px auto 40px;padding:0 8px;text-align:center;color:var(--muted);font-size:.82rem}
@media(max-width:820px){.topbar{height:68px;padding:0 18px}.topbar nav a:not(:last-of-type){display:none}.hero{grid-template-columns:1fr;padding:56px 22px 0;gap:22px}.hero h1{font-size:3.35rem}.guide-card img{max-height:390px}.speech{right:5px;top:0;max-width:205px;font-size:.82rem}.topics{padding:64px 18px}.topic-grid{grid-template-columns:1fr 1fr}.topic-card,.topic-card:nth-child(4){grid-column:auto;min-height:235px;padding:21px}.topic-card:last-child{grid-column:1/-1}.calculator-section{grid-template-columns:1fr;padding:64px 18px;gap:34px}.fields{grid-template-columns:1fr}.coming-soon{margin:64px 18px;padding:30px;grid-template-columns:1fr;gap:18px}footer{grid-template-columns:1fr;padding:36px 18px}footer>div:nth-of-type(2){grid-row:auto;grid-column:auto}footer small{grid-column:auto}.page-wrap{margin:20px 14px;padding:28px}}
@media(max-width:480px){.topic-grid{grid-template-columns:1fr}.topic-card,.topic-card:nth-child(4),.topic-card:last-child{grid-column:auto}.hero h1{font-size:2.9rem}.brand{font-size:1rem}.calculator{padding:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.topic-card,.primary-button,.calculator button{transition:none}}

/* Talking guide */
.guide-card{perspective:900px}.avatar-stage{position:relative;width:min(100%,480px);height:540px;transform-origin:50% 85%;animation:avatar-arrive .9s cubic-bezier(.2,.75,.2,1) both}.guide-card .avatar-frame{position:absolute;inset:auto 0 0;width:100%;height:100%;max-height:540px;object-fit:contain;object-position:bottom}.avatar-open{opacity:0}.guide-card.is-talking .avatar-stage{animation:avatar-float 3.8s ease-in-out infinite}.guide-card.is-talking.mouth-open .avatar-open{opacity:1}.guide-card.is-talking.mouth-open .avatar-closed{opacity:0}.speech{z-index:3;max-width:270px;transition:opacity .2s ease,transform .2s ease}.guide-card.is-talking .speech{transform:translateY(-3px)}.speak-button{position:absolute;z-index:4;left:50%;bottom:20px;transform:translateX(-50%);white-space:nowrap;border:0;border-radius:999px;background:var(--yellow);color:var(--navy);font:inherit;font-weight:850;padding:12px 18px;cursor:pointer;box-shadow:0 10px 30px rgba(7,27,51,.25)}.speak-button:hover{filter:brightness(1.04)}.speak-button:focus-visible{outline:3px solid white;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes avatar-arrive{0%{opacity:0;transform:translateX(42px) rotateY(-15deg) scale(.92)}70%{opacity:1;transform:translateX(-4px) rotateY(3deg) scale(1.01)}100%{opacity:1;transform:none}}@keyframes avatar-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(max-width:820px){.avatar-stage{height:390px}.guide-card .avatar-frame{max-height:390px}.speech{max-width:215px}.speak-button{bottom:12px;padding:11px 16px}}
@media(prefers-reduced-motion:reduce){.avatar-stage,.guide-card.is-talking .avatar-stage{animation:none}.speech{transition:none}}

/* Subtle head movement while the guide is speaking */
.guide-card.is-talking .avatar-frame{transform-origin:50% 38%;animation:avatar-head-talk 2.4s ease-in-out infinite}
@keyframes avatar-head-talk{0%,100%{transform:rotate(0deg)}28%{transform:rotate(-1.2deg) translateY(-1px)}62%{transform:rotate(.9deg) translateY(1px)}82%{transform:rotate(-.4deg)}}
@media(prefers-reduced-motion:reduce){.guide-card.is-talking .avatar-frame{animation:none}}

/* Rich category artwork */
.topic-image{display:block;width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(7,27,51,.14));transition:transform .25s ease}
.topic-card:hover .topic-image{transform:translateY(-4px) scale(1.04)}
@media(max-width:480px){.topic-image{width:100px;height:100px}}
@media(prefers-reduced-motion:reduce){.topic-image{transition:none}.topic-card:hover .topic-image{transform:none}}

/* Buy versus private lease calculator */
.active-topic{border-color:rgba(17,197,189,.55);box-shadow:0 12px 35px rgba(7,27,51,.08)}
.active-topic .status{display:inline-block;background:var(--teal);color:var(--navy)}
.topic-card-link{display:block;margin:-26px;padding:26px;min-height:258px}
.homepage .calculator-section{display:none}
.auto-page .hero,.auto-page .topics,.auto-page .coming-soon{display:none}
.auto-page .calculator-section{padding-top:64px}
.offer-box{margin-top:20px;padding:20px;border-radius:15px;background:white;color:var(--ink)}
.offer-box .offer-label{margin:0 0 5px;padding:0;border:0;color:var(--teal-dark);font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.11em}
.offer-box h3{margin:0 0 6px;font-size:1.15rem}.offer-box>p:not(.offer-label){margin:0 0 14px;padding:0;border:0;color:var(--muted)}
.offer-box .offer-button{margin:0 0 10px;background:#dce7ee;color:#5d6d7e;box-shadow:none;cursor:not-allowed}
.offer-box small{display:block;color:var(--muted);font-size:.78rem}
.calculator-section{grid-template-columns:.55fr 1.45fr}
.calculator{padding:32px}
.calc-group{border:1px solid var(--line);border-radius:18px;padding:22px;background:var(--cloud)}
.calc-group h3{margin:0 0 18px;font-size:1.15rem}
.comparison-settings{margin-bottom:20px;background:#eefbfa;border-color:#b9e9e6}
.comparison-settings .fields{grid-template-columns:1fr 1fr}
.calc-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.calc-group .fields{grid-template-columns:1fr;gap:13px}
.calc-group .fields input{background:white}
.field-help{font-size:.82rem;color:var(--muted);margin:16px 0 0}
.result-kicker{border:0!important;margin:0 0 8px!important;padding:0!important;color:var(--yellow)!important;font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.12em}
.result #verdict{font-size:1rem;line-height:1.5;color:var(--teal)}
.breakdown{margin-top:18px;border-top:1px solid rgba(255,255,255,.16);padding-top:15px;color:#cbd9e6}
.breakdown summary{cursor:pointer;font-weight:800;color:white}
.breakdown p{border:0;margin:12px 0 0;padding:0;color:#cbd9e6;font-size:.88rem}
@media(max-width:980px){.calculator-section{grid-template-columns:1fr}.calc-columns{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.calc-columns,.comparison-settings .fields{grid-template-columns:1fr}.calculator{padding:20px}.calc-group{padding:18px}.result>div{align-items:flex-start}.result strong{font-size:1.35rem}.topic-card-link{margin:-21px;padding:21px;min-height:233px}}

/* Input units and legal notice */
.fields label .input-suffix{left:auto;right:15px}
.fields label:has(.input-suffix) input{padding-left:12px;padding-right:58px}
.fields input[type=number]{appearance:textfield;-moz-appearance:textfield}
.fields input[type=number]::-webkit-inner-spin-button,.fields input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.legal-note{margin:18px 2px 0;color:var(--muted);font-size:.82rem;line-height:1.5}
.auto-intro{background:var(--navy);color:white;padding:68px max(28px,calc((100vw - 1124px)/2)) 58px}.auto-intro h1{font-size:clamp(2.4rem,5vw,4.8rem);line-height:1;letter-spacing:-.05em;max-width:900px;margin:0 0 20px}.auto-intro>p:last-child{max-width:720px;margin:0;color:#cbd9e6;font-size:1.08rem}
footer>div:nth-of-type(2){flex-wrap:wrap;justify-content:flex-end}
@media(max-width:820px){footer>div:nth-of-type(2){justify-content:flex-start}}
.isde-intro{padding-bottom:52px}.concept-warning{max-width:1124px;margin:28px auto 0;padding:18px 22px;border-left:5px solid var(--yellow);border-radius:0 14px 14px 0;background:#fff5d8;color:var(--ink)}.isde-calculator-section{max-width:900px;margin:0 auto;padding:42px 28px 72px}.year-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.year-tab{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;border:1px solid var(--line);border-radius:14px;background:white;color:var(--ink);cursor:pointer}.year-tab strong{font-size:1.15rem}.year-tab span{font-size:.82rem;color:var(--muted)}.year-tab.is-active{border-color:var(--teal);box-shadow:0 0 0 3px rgba(17,197,189,.15)}.isde-calculator h2{font-size:1.2rem;margin:0 0 18px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.choice-card{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:14px;cursor:pointer}.choice-card input{margin-top:5px;accent-color:var(--teal-dark)}.choice-card span{display:grid;gap:3px}.choice-card small{color:var(--muted)}.fields select{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:12px;padding:13px 12px;font:inherit;color:var(--ink);background:white}.full-field{grid-column:1/-1}.source-panel{max-width:900px;margin:0 auto 80px;padding:26px 28px;border-radius:var(--radius);background:var(--cloud)}.source-panel h2{margin-top:0}.source-panel p{margin:8px 0}.source-panel a{color:var(--teal-dark);font-weight:750;text-decoration:underline;text-underline-offset:3px}
@media(max-width:650px){.concept-warning{margin:18px 18px 0}.isde-calculator-section{padding:28px 18px 56px}.choice-grid{grid-template-columns:1fr}.year-tab{display:grid;gap:0}.source-panel{margin:0 18px 64px}.full-field{grid-column:auto}}

/* Childcare cost calculator */
.childcare-explainer{max-width:900px;margin:28px auto 0;padding:24px 28px;border-left:5px solid var(--yellow);border-radius:0 18px 18px 0;background:#fff5d8;color:var(--ink)}
.childcare-explainer h2{margin:0 0 9px;font-size:1.35rem}.childcare-explainer p{margin:8px 0}.childcare-calculator-section{padding-top:30px}.childcare-fields{grid-template-columns:1fr 1fr}.childcare-fields .full-field{grid-column:1/-1}.childcare-result .result-highlight{margin:9px -10px;padding:12px 10px;border-radius:12px;background:rgba(17,197,189,.13)}.childcare-result .result-highlight span{color:white}.childcare-result .result-warning{color:#fff5d8;border-top:1px solid rgba(255,255,255,.15);font-size:.92rem}.childcare-result .result-warning strong{font-size:inherit}.childcare-result #childcare-summary{color:var(--teal)}.official-calculation-link{display:inline-flex;margin-top:16px;padding:12px 16px;border-radius:12px;background:var(--yellow);color:var(--navy);font-weight:850}.official-calculation-link:hover{filter:brightness(1.04)}.official-calculation-link:focus-visible{outline:3px solid white;outline-offset:3px}
@media(max-width:650px){.childcare-explainer{margin:18px 18px 0;padding:20px}.childcare-fields{grid-template-columns:1fr}.childcare-fields .full-field{grid-column:auto}}

/* Education deductibility decision guide */
.education-calculator-section{padding-top:30px}.education-fields{grid-template-columns:1fr 1fr}.education-result .education-verdict{justify-content:flex-start;gap:14px;margin-bottom:8px}.education-verdict>span{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:var(--teal);color:var(--navy);font-size:1.4rem;font-weight:900}.education-verdict strong{font-size:1.25rem}.education-result[data-level="no"] .education-verdict>span{background:#ffd5d5;color:#7c2020}.education-result[data-level="check"] .education-verdict>span{background:var(--yellow)}.education-result[data-level="route"] .education-verdict>span{background:#dffffd}.education-result .result-warning{color:#fff5d8;font-size:.92rem}.education-result .result-warning strong{font-size:inherit}.education-result #education-reason,.education-result #education-next-step{color:#cbd9e6}.education-explainer{background:#eefbfa;border-left-color:var(--teal)}
@media(max-width:650px){.education-fields{grid-template-columns:1fr}.education-explainer{margin:18px 18px 0;padding:20px}}

/* Premium homepage polish */
:root{--bg:#ffffff;--bg-alt:#f6f8fb;--surface:#ffffff;--text:#0b1f3a;--text-muted:#5b6b82;--navy:#071b33;--navy-soft:#0d2645;--accent:#ffbf3f;--accent-strong:#f2a900;--teal:#11c5bd;--border:rgba(7,27,51,.08);--shadow-sm:0 1px 2px rgba(16,24,40,.05);--shadow-md:0 8px 24px rgba(16,24,40,.08);--shadow-lg:0 24px 48px rgba(16,24,40,.12);--radius:16px}
html[data-theme="dark"]{--bg:#060f1f;--bg-alt:#0b1830;--surface:#101f3a;--text:#eef3fb;--text-muted:#93a4bf;--navy:#04101f;--navy-soft:#0a1c37;--accent:#ffc857;--accent-strong:#ffb733;--teal:#2fe0d3;--border:rgba(255,255,255,.10);--shadow-sm:0 1px 2px rgba(0,0,0,.5);--shadow-md:0 10px 28px rgba(0,0,0,.45);--shadow-lg:0 30px 60px rgba(0,0,0,.6)}
html,body{background:var(--bg);color:var(--text);transition:background .35s ease,color .35s ease}
.homepage .topbar{background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;transition:background .35s ease,border-color .35s ease}.homepage .topbar .brand{color:var(--text)}
.homepage .topbar nav{align-items:center}.homepage .topbar nav a{color:var(--text);opacity:.82;position:relative;font-weight:500;transition:opacity .2s ease}.homepage .topbar nav a:hover{opacity:1}.homepage .topbar nav a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--teal);transform:scaleX(0);transition:transform .25s ease}.homepage .topbar nav a:hover::after{transform:scaleX(1)}
#theme-toggle-btn{margin-left:22px;width:36px;height:36px;border-radius:999px;border:1px solid var(--border);background:var(--bg-alt);cursor:pointer;font-size:15px;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,background .3s ease}
#theme-toggle-btn:hover{transform:scale(1.08)}#theme-toggle-btn:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.homepage .hero{background:radial-gradient(120% 140% at 85% -10%,rgba(255,191,63,.14),transparent 55%),radial-gradient(90% 120% at -10% 110%,rgba(17,197,189,.12),transparent 50%),var(--navy);transition:background .35s ease}.homepage .hero-copy h1{letter-spacing:-.02em}.homepage .hero-copy p{color:rgba(255,255,255,.72)}
.homepage .primary-button{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:var(--navy);box-shadow:0 10px 24px rgba(255,191,63,.25);border:0;border-radius:12px;transition:transform .2s ease,box-shadow .2s ease}.homepage .primary-button:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(255,191,63,.35)}
#welcome-text{background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);border:1px solid var(--border);border-radius:14px;padding-left:20px}#welcome-text::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:2px;background:var(--teal)}
.homepage .topics{padding-bottom:48px;transition:background .35s ease}.homepage .topic-grid{display:flex;flex-wrap:wrap;justify-content:center;row-gap:18px;column-gap:18px}.homepage .topic-grid>*{flex:0 0 362px}.homepage .topic-card{grid-column:auto;min-height:260px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.homepage .topic-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:rgba(17,197,189,.35)}.homepage .topic-card h3{color:var(--text)}.homepage .topic-card p{color:var(--text-muted)}.homepage .topic-image{background:var(--bg-alt);border-radius:14px;padding:10px;box-sizing:border-box}.homepage .status{background:var(--bg-alt);color:var(--text-muted)}
.homepage .coming-soon{margin-top:48px;background:linear-gradient(135deg,var(--navy),var(--navy-soft));border-radius:20px}.homepage footer{border-top:1px solid var(--border)}.homepage footer,.homepage footer *{color:var(--text-muted)}
@media(max-width:820px){.homepage .topic-grid>*{flex:1 1 calc(50% - 9px);max-width:362px}.homepage .topics{padding-bottom:40px}.homepage .coming-soon{margin-top:40px}#theme-toggle-btn{margin-left:0}}
@media(max-width:480px){.homepage .topic-grid>*{flex-basis:100%;max-width:none}.homepage .topbar nav{gap:12px}}
@media(prefers-reduced-motion:reduce){html,body,.homepage .topbar,.homepage .hero,.homepage .topics,#theme-toggle-btn,.homepage .primary-button,.homepage .topic-card,.homepage .topbar nav a,.homepage .topbar nav a::after{transition:none}}

/* WKR 2026 decision guide */
.hero-new-badge{display:inline-flex;margin:0 0 16px;padding:7px 11px;border:1px solid rgba(255,200,87,.45);border-radius:999px;background:rgba(255,200,87,.12);color:var(--accent);font-size:.76rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.new-badge{position:absolute;z-index:2;top:18px;right:18px;padding:7px 11px;border-radius:999px;background:var(--accent);color:#071b33;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.wkr-page{background:var(--bg);color:var(--text)}.wkr-page .topbar{background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.wkr-page .topbar .brand,.wkr-page nav a{color:var(--text)}.wkr-intro{background:linear-gradient(135deg,var(--navy),var(--navy-soft))}.wkr-explainer{max-width:900px;margin:28px auto 0;padding:24px 28px;border-left:5px solid var(--teal);border-radius:0 18px 18px 0;background:var(--bg-alt);color:var(--text)}.wkr-explainer h2{margin:0 0 8px}.wkr-explainer p{margin:0;color:var(--text-muted)}.wkr-tool{max-width:940px;margin:0 auto;padding:30px 28px 72px}.wkr-calculator{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg)}.wkr-calculator .calc-group{margin-bottom:18px;background:var(--bg-alt);border-color:var(--border)}.wkr-calculator h2{margin:0 0 18px;font-size:1.3rem;color:var(--text)}.step-label{margin:0 0 5px;color:var(--teal);font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.wkr-fields{grid-template-columns:1fr 1fr}.wkr-fields label{color:var(--text)}.wkr-calculator .calc-group .wkr-fields input,.wkr-calculator .wkr-fields select{background:var(--surface);color:var(--text);border-color:var(--border)}.wkr-calculator .wkr-fields label .input-suffix{color:var(--text-muted)}.wkr-fields option{background:var(--surface);color:var(--text)}.wkr-calculator button{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#071b33}.wkr-result{background:var(--navy-soft);margin-bottom:18px}.wkr-verdict{justify-content:flex-start!important;gap:14px!important}.wkr-verdict>span{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:var(--teal);color:#071b33;font-weight:950;font-size:1.4rem}.wkr-verdict strong{font-size:1.3rem}.wkr-result[data-level="red"] .wkr-verdict>span{background:#ffd1d1;color:#7d1d1d}.wkr-result[data-level="orange"] .wkr-verdict>span{background:var(--accent)}.wkr-result[data-level="blue"] .wkr-verdict>span{background:#cce8ff}.wkr-result[data-level="white"] .wkr-verdict>span{background:#fff}.wkr-result #wkr-reason,.wkr-result #wkr-action,.wkr-result #wkr-fixed-note{color:#cbd9e6}.wkr-result .result-warning{color:#fff1c7}.free-space-group{margin-top:28px!important;border:2px solid rgba(17,197,189,.35)!important}.free-space-result{margin-top:18px;padding:20px;border-radius:16px;background:var(--navy);color:white}.free-space-result>div{display:flex;justify-content:space-between;gap:20px;padding:7px 0}.free-space-result span{color:#aebfd0}.free-space-result strong{font-size:1.2rem}.free-space-result p{margin:14px 0 0;padding:13px;border-radius:10px;background:#fff1c7;color:#4e3900}.wkr-source{background:var(--bg-alt);color:var(--text)}.wkr-source a{color:var(--teal)}.wkr-page footer{border-color:var(--border);color:var(--text-muted)}.wkr-page footer .brand{color:var(--text)}
@media(max-width:650px){.wkr-tool{padding:22px 18px 56px}.wkr-explainer{margin:18px 18px 0;padding:20px}.wkr-fields{grid-template-columns:1fr}.wkr-fields .full-field{grid-column:auto}.free-space-result>div{display:grid;gap:2px}.new-badge{top:14px;right:14px}}