:root{--bg:#edf4fb;--paper:#fff;--ink:#071328;--muted:#5d6f89;--line:#d7e3ef;--blue:#155eef;--cyan:#06b6d4;--coral:#ff4b5c;--gold:#f5b700;--soft:#eaf1ff;--shadow:0 24px 70px rgba(20,40,80,.1)}
*{box-sizing:border-box}html{color-scheme:light}html[data-theme="dark"]{color-scheme:dark;--bg:#0b1728;--paper:#13243a;--ink:#f5f8ff;--muted:#b6c4d8;--line:#334b67;--soft:#172e4c;--shadow:0 24px 70px rgba(0,0,0,.28)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.55}a{color:var(--blue)}button,input{font:inherit}.skip-link{position:absolute;left:-10000px;top:auto}.skip-link:focus{left:1rem;top:1rem;z-index:20000;background:var(--paper);padding:.8rem 1rem;border-radius:.5rem}.horizon-shell{max-width:1500px;margin:0 auto;padding:clamp(1rem,3vw,3rem)}
.hero{position:relative;display:flex;justify-content:space-between;gap:2rem;align-items:flex-start;padding:clamp(2rem,5vw,5rem);border:1px solid var(--line);border-radius:2rem;background:radial-gradient(circle at 90% 10%,rgba(7,167,189,.18),transparent 28%),linear-gradient(135deg,var(--paper),var(--soft));box-shadow:var(--shadow)}.hero>div{max-width:980px}.eyebrow{margin:0 0 .7rem;color:var(--blue);font:700 .78rem/1.2 "Roboto Mono",monospace;letter-spacing:.14em;text-transform:uppercase}.hero h1{max-width:900px;margin:0;font:400 clamp(3.1rem,7.5vw,7.7rem)/.88 "DM Serif Display",serif;letter-spacing:-.045em}.dek{max-width:850px;margin:1.4rem 0 0;color:var(--muted);font-size:clamp(1.05rem,1.6vw,1.42rem)}.theme-button{min-height:44px;padding:.65rem .85rem;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);font-weight:700;cursor:pointer}
.calculator-grid{display:grid;grid-template-columns:minmax(300px,410px) minmax(0,1fr);gap:1.4rem;margin-top:1.4rem}.control-panel,.results-panel,.explain-grid,.methodology,.next-tools{border:1px solid var(--line);border-radius:1.6rem;background:var(--paper);box-shadow:var(--shadow)}.control-panel{padding:1.5rem;align-self:start}.panel-heading h2,.methodology h2,.next-tools h2,.explain-grid h2{margin:.15rem 0 .5rem;font-size:clamp(1.5rem,2.3vw,2.25rem);line-height:1.05}.panel-heading p:last-child{margin:.4rem 0 1.2rem;color:var(--muted)}.quick-scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-bottom:1rem}.quick-scenarios button{min-height:42px;border:1px solid var(--line);border-radius:.65rem;background:var(--bg);color:var(--ink);font-size:.75rem;font-weight:800;cursor:pointer}.quick-scenarios button.active{border-color:var(--blue);background:var(--blue);color:#fff}.fields{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.fields label{display:grid;gap:.3rem;color:var(--ink);font-size:.78rem;font-weight:800}.fields label span{color:var(--muted);font-size:.68rem;font-weight:600}.fields input{width:100%;min-height:48px;padding:.7rem;border:1px solid var(--line);border-radius:.7rem;background:var(--bg);color:var(--ink);font-family:"Roboto Mono",monospace}.fields input:focus{outline:3px solid color-mix(in srgb,var(--blue) 25%,transparent);border-color:var(--blue)}.field-note{color:var(--muted);font-size:.72rem}.control-actions,.result-actions{display:flex;gap:.6rem;flex-wrap:wrap}.primary-button,.secondary-button,.result-actions button{min-height:46px;padding:.75rem 1rem;border-radius:.75rem;font-weight:800;cursor:pointer}.primary-button{flex:1;border:0;background:linear-gradient(100deg,var(--blue),var(--cyan));color:#fff}.secondary-button,.result-actions button{border:1px solid var(--line);background:var(--bg);color:var(--ink)}
.results-panel{min-width:0;padding:clamp(1.3rem,3vw,2.4rem)}.result-lead{padding:1.3rem;border-radius:1.2rem;background:linear-gradient(135deg,#0d1b31,#123c57);color:#fff}.result-lead .eyebrow{color:#53d4e4}.result-lead h2{margin:0;font:700 clamp(3rem,7vw,7rem)/.95 "Roboto Mono",monospace;letter-spacing:-.08em;overflow-wrap:anywhere}.result-lead p:last-child{max-width:780px;margin:.8rem 0 0;color:#cfdbeb;font-size:1rem}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin:1rem 0}.metric-grid article{min-width:0;padding:1rem;border:1px solid var(--line);border-radius:1rem;background:var(--bg)}.metric-grid span,.metric-grid small{display:block;color:var(--muted);font-size:.7rem}.metric-grid strong{display:block;margin:.35rem 0;color:var(--ink);font:700 clamp(1rem,2vw,1.45rem)/1.2 "Roboto Mono",monospace;overflow-wrap:anywhere}.chart-heading{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-top:1.4rem}.chart-heading h3{margin:0;font-size:1.3rem}.legend{display:flex;gap:.8rem;flex-wrap:wrap;color:var(--muted);font-size:.72rem}.legend span:before{content:"";display:inline-block;width:20px;height:3px;margin-right:.35rem;vertical-align:middle;background:currentColor}.legend .low{color:var(--coral)}.legend .mid{color:var(--blue)}.legend .high{color:var(--cyan)}.chart-wrap{width:100%;height:430px;margin-top:.7rem;border:1px solid var(--line);border-radius:1rem;background:var(--bg);overflow:hidden}.chart-wrap svg{display:block;width:100%;height:100%}.chart-note{color:var(--muted);font-size:.76rem}.result-actions{margin-top:1rem}
.explain-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:1rem;margin-top:1.4rem;padding:clamp(1.3rem,3vw,2.4rem)}.explain-grid article{grid-row:span 3}.explain-grid p{color:var(--muted)}.explain-grid details{padding:1rem;border:1px solid var(--line);border-radius:1rem;background:var(--bg)}.explain-grid summary{color:var(--ink);font-weight:800;cursor:pointer}.explain-grid details p{margin:.8rem 0 0;font-size:.9rem}.methodology{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;margin-top:1.4rem;padding:clamp(1.3rem,3vw,2.4rem)}.methodology p{color:var(--muted)}.methodology ul{margin:0;padding-left:1.2rem}.methodology li+li{margin-top:.8rem}.next-tools{margin-top:1.4rem;padding:clamp(1.3rem,3vw,2.4rem)}.next-tools>div{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.next-tools a{display:grid;gap:.4rem;padding:1rem;border:1px solid var(--line);border-radius:1rem;background:var(--bg);color:var(--ink);text-decoration:none}.next-tools a:hover{border-color:var(--blue);transform:translateY(-2px)}.next-tools span{color:var(--muted);font-size:.85rem}
html[data-theme="dark"] #header-placeholder>header{background:rgba(11,23,40,.96);border-color:var(--line)}html[data-theme="dark"] #header-placeholder .brand-wrapper span:first-child{color:#f8fafc!important}html[data-theme="dark"] #header-placeholder .dropdown{background:#13243a;border-color:#334b67}html[data-theme="dark"] #header-placeholder .dropdown a{color:#d8e4f4}html[data-theme="dark"] #header-placeholder .nav-group-label{filter:brightness(1.3)}html[data-theme="dark"] #footer-placeholder footer{background:#0e1d31;border-color:#334b67}html[data-theme="dark"] #footer-placeholder .cross-property-band,html[data-theme="dark"] #footer-placeholder .site-newsletter{background:#13243a;border-color:#334b67;color:#d8e4f4}html[data-theme="dark"] #footer-placeholder .site-newsletter h2{color:#fff}
@media(max-width:1000px){.calculator-grid{grid-template-columns:1fr}.control-panel{position:static}.metric-grid{grid-template-columns:1fr 1fr}.explain-grid,.methodology{grid-template-columns:1fr}.explain-grid article{grid-row:auto}.next-tools>div{grid-template-columns:1fr}}
@media(max-width:620px){.horizon-shell{padding:.7rem}.hero{padding:1.5rem;border-radius:1.2rem}.hero{display:block}.theme-button{margin-top:1rem}.hero h1{font-size:3.4rem}.fields{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr}.quick-scenarios{grid-template-columns:1fr}.chart-wrap{height:320px}.chart-heading{display:block}.legend{margin-top:.7rem}.result-lead h2{font-size:2.6rem}.control-panel,.results-panel,.explain-grid,.methodology,.next-tools{border-radius:1.1rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}