/* Electric pink + acid yellow, with dark type for readable neon surfaces. */
@media screen {
:root{--ink:#202020;--plum:#202020;--pink:#ff70cc;--paper:#fafaf7;--muted:#53534e;--line:#cecec6;--acid:#e8ff35;--hot:#ff45bd}
body{font-family:Arial,Helvetica,sans-serif;line-height:1.65}
header{border-bottom:2px solid var(--ink);padding:24px 32px;gap:24px}
.brand{font:800 26px/1.1 Arial,Helvetica,sans-serif;letter-spacing:-1.1px;flex-shrink:0}
.brand span,footer .brand span{font:700 12px/1.5 Arial,sans-serif;letter-spacing:2px;margin-top:6px}
header .brand span{background:var(--acid);display:table;padding:2px 7px}
header nav{gap:8px;flex-wrap:wrap}
header nav a{font-size:14px;font-weight:700;border-radius:30px;padding:9px 15px}
header nav a:first-child{background:var(--ink);color:white}
header nav a:hover{background:var(--acid);color:var(--ink)}
h1,h2,h3{font-family:Arial,Helvetica,sans-serif;font-weight:800}
h1{font-size:clamp(42px,6.2vw,80px);letter-spacing:-.055em;line-height:1.05}
h2{font-size:clamp(28px,3.3vw,40px);letter-spacing:-.04em;line-height:1.12}
em{font-style:normal;font-weight:inherit;color:inherit}
.intro{display:grid;grid-template-columns:1.4fr 1fr;text-align:left;column-gap:42px;align-items:center;padding:36px 0 32px}
.intro .eyebrow{grid-column:1/-1;justify-self:start;background:var(--acid);border:1px solid var(--ink);border-radius:20px;padding:5px 12px;font-size:12px;letter-spacing:1px}
.intro h1{margin:20px 0 0}.intro h1 em{background:var(--hot);padding:0 .08em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.intro p{margin:22px 0 0;font-size:17px;max-width:360px;line-height:1.7}
.eyebrow,.step{font-weight:800;color:var(--ink);letter-spacing:1.5px}
.calculator{border:2px solid var(--ink);border-radius:22px;box-shadow:6px 6px 0 var(--ink);grid-template-columns:1.15fr 1fr}
.calculator form{padding:30px 34px}.calculator h2{font-size:29px;letter-spacing:-1px;margin-bottom:22px}
.step{font-size:12px;margin-bottom:20px}
label{font-size:14px;font-weight:700}input,select{border:1.5px solid #93938b;border-radius:10px;padding:12px;background:#fafaf7;min-height:48px}
select{font-size:14px}input:focus,select:focus{background:white}
button,.button{font-weight:700;background:var(--acid);color:var(--ink);border:2px solid var(--ink);border-radius:30px;padding:14px 20px;transition:background .15s,transform .15s;box-shadow:3px 3px 0 var(--ink)}
button:hover,.button:hover{background:var(--hot);color:var(--ink);transform:translateY(-2px)}
button:active,.button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.privacy{font-size:12px}.small{font-size:13px}
.result{background:var(--hot);padding:30px 34px;border-left:2px solid var(--ink);background-image:radial-gradient(#20202018 .8px,transparent .8px);background-size:14px 14px}
.result .step{color:var(--ink)}
#empty{display:flex;flex-direction:column;justify-content:center;align-items:center}
.big-number{font:900 clamp(110px,13vw,170px)/.9 Arial,Helvetica,sans-serif;letter-spacing:-10px;color:var(--ink);margin:12px 0 22px;transform:rotate(-7deg);background:var(--acid);border:2px solid var(--ink);border-radius:50%;width:1.18em;padding:8px 12px 12px 0;box-shadow:4px 4px 0 var(--ink)}
#empty h2{font-size:34px;font-weight:800;margin-top:6px}#empty p{color:var(--ink);font-size:14px;margin-bottom:20px}
.mini-track{border-color:var(--ink);color:var(--ink);font-weight:700;width:100%;margin-top:auto;font-size:12px}
#due-date{font-size:clamp(30px,3.5vw,43px);letter-spacing:-.04em;color:var(--ink)}
.stats{gap:12px;margin:24px 0}.stats>div{padding:12px;background:#ffffffb8;border:1px solid var(--ink);border-radius:12px}
.stats strong{font:800 clamp(19px,2vw,26px)/1.2 Arial,sans-serif;letter-spacing:-.04em}.stats span{font-size:12px}
.result .small{color:var(--ink)}.outline{background:white;color:var(--ink)}.outline:hover{background:var(--acid)}progress{height:10px;accent-color:var(--ink)}
main>section:not(.intro):not(.calculator){margin-top:70px}
.cards{gap:20px}.cards article{border:1.5px solid var(--ink);border-radius:18px;padding:26px;box-shadow:3px 3px 0 var(--ink)}
.cards article:nth-child(2){background:#faffdf}.cards article:nth-child(3){background:#fff0fa}
.number{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--acid);border-radius:50%;border:1px solid var(--ink);color:var(--ink);font:800 18px Arial,sans-serif;margin-bottom:22px}
.cards article:nth-child(2) .number{background:var(--hot)}.cards article:nth-child(3) .number{background:var(--ink);color:white}
.cards h3{font:800 23px/1.15 Arial,sans-serif;letter-spacing:-.7px}.cards p{font-size:16px}.cards a{font-weight:700;display:inline-block}.cards .date{color:var(--ink)}
.editorial{background:var(--acid);border:2px solid var(--ink);border-radius:22px;padding:38px;gap:38px}.editorial h2 em{background:white;padding:0 3px}.editorial p{color:var(--ink)}
.guide-list a{border-color:var(--ink);padding:20px 0}.guide-list a:hover h3{text-decoration:underline;text-decoration-thickness:2px}.guide-list h3{font:800 22px/1.3 Arial,sans-serif;letter-spacing:-.5px}.guide-list span{color:var(--ink);font-weight:700}
.faq{max-width:850px}.faq .eyebrow{display:table;background:var(--hot);padding:4px 10px;border-radius:6px}
details{border-color:var(--line);padding:22px 0}summary{font-size:17px}details[open] summary{background:var(--acid);border-radius:8px;padding:10px}
.source-note{border-left:4px solid var(--ink);background:#eeeeea;border-radius:0 14px 14px 0}.source-note p,.source-note a{font-size:14px}
footer{border-top:2px solid var(--ink);background:var(--ink);color:white}footer p,footer>a:last-child{color:#e5e5de;font-size:13px}footer .brand span{color:var(--acid)}
.article h1{font-size:clamp(36px,5vw,58px);letter-spacing:-.045em}.article h2{font-size:29px}.article .eyebrow{background:var(--acid);display:table;padding:4px 10px;border-radius:20px;font-size:12px}.toc{background:#faffdf;border:1.5px solid var(--ink);border-radius:16px}.toc a{font-size:16px}.lead{font-size:20px}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #6044e8;outline-offset:4px}.skip{z-index:10}
@media(max-width:740px){header{padding:18px 20px;align-items:flex-start;flex-wrap:wrap;gap:16px}.brand{font-size:24px}header nav{gap:4px}header nav a{font-size:14px;padding:7px 10px}header nav a:last-child{display:block}.intro{display:block;padding:28px 0}.intro .eyebrow{display:table;font-size:11px}.intro h1{font-size:clamp(40px,9vw,64px);margin-top:22px}.intro p{font-size:16px;max-width:440px;margin-top:22px}.calculator{grid-template-columns:1fr;border-radius:18px;box-shadow:4px 4px 0 var(--ink)}.calculator form,.result{padding:26px 22px}.result{border-left:0;border-top:2px solid var(--ink)}.big-number{font-size:110px;letter-spacing:-6px}#empty h2{font-size:32px}.mini-track{margin-top:10px}.cards{grid-template-columns:1fr}.editorial{grid-template-columns:1fr;padding:26px;gap:16px}.fields{grid-template-columns:1fr}.stats strong{font-size:21px}main>section:not(.intro):not(.calculator){margin-top:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button,.button{transition:none}}
}

@media screen {footer{flex-wrap:wrap}footer .footer-links{display:flex;flex-wrap:wrap;gap:12px 22px;flex-basis:100%;border-top:1px solid #62625d;padding-top:20px}footer .footer-links a{color:#e5e5de;font-size:14px}.contact-email{font-size:clamp(16px,3vw,23px);font-weight:700;overflow-wrap:anywhere}.article a{overflow-wrap:anywhere}}

.cookie-banner{position:fixed;bottom:16px;left:16px;right:16px;z-index:100;max-width:720px;margin:auto;background:#fff;color:#202020;border:2px solid #202020;border-radius:18px;padding:22px;box-shadow:4px 4px 0 #202020;max-height:85vh;overflow:auto}.cookie-banner h2{font:800 23px/1.25 Arial,sans-serif;margin:0 0 12px;letter-spacing:0}.cookie-banner p{font-size:16px;line-height:1.55;margin:0 0 14px}.cookie-actions{display:flex;gap:14px;flex-wrap:wrap}.cookie-actions button{flex:1;justify-content:center;min-width:140px;background:#e8ff35;color:#202020;font-size:16px}.cookie-actions button:hover{background:#ff70cc}.cookie-banner a{font-size:14px}.cookie-settings{background:none!important;color:inherit!important;border:0!important;box-shadow:none!important;padding:0!important;font-size:14px!important;font-weight:400!important;text-decoration:underline;transform:none!important}.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}@media print{.cookie-banner,.cookie-settings{display:none!important}}