/* RaiseCalc / Editorial Instrument V3.
   Original, no external fonts, static CSS. */
:root{
 --stage:#14201f;--stage-soft:#1b2b29;--canvas:#f6f5ef;--paper:#fefdf9;
 --lime:#c8f27a;--lime-dark:#315b36;--ink:#1a2926;--text:#41554b;
 --muted:#596f64;--line:#dce3d9;--darkline:#39514a;--coral:#ffad9c;
 --radius:21px;font-family:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
 font-size:16px;line-height:1.55;font-variant-numeric:tabular-nums;color:var(--ink);
 font-synthesis:none;background:var(--canvas)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;min-width:280px;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
a{color:#315b36;text-underline-offset:4px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #8bba57;outline-offset:3px}
.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap;margin:-1px;padding:0;border:0}

/* Quiet branding: charcoal stage, single lime indicator. */
.nav{background:var(--stage);border-bottom:1px solid #ffffff1b;position:relative;z-index:2}
.nav-inner{max-width:1232px;margin:auto;min-height:73px;padding:0 23px;display:flex;align-items:center;gap:42px}
.logo{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none;color:#fff}
.logo:hover{color:#fff}
.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:var(--lime);color:#182b20;border-radius:10px;transform:rotate(-6deg)}
.brand-mark svg{width:24px;height:24px}
.brand-name{font-size:21px;letter-spacing:-.056em;font-weight:750}
.brand-name span{font-weight:390}
.brand-name b{color:var(--lime)}
.nav nav{display:flex;align-items:center;gap:30px;align-self:stretch;margin-left:52px}
.nav nav a{color:#b6c5bc;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;font-size:.83rem;font-weight:560;transition:color .16s;border-bottom:2px solid transparent;padding-top:3px}
.nav nav a:hover,.nav nav a[aria-current="page"]{color:#fff}
.nav nav a[aria-current="page"]{border-color:var(--lime)}
.nav-trust{margin-left:auto;display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:.75rem;color:#aec3b3;font-weight:540}
.trust-dot{width:7px;height:7px;background:var(--lime);border-radius:50%}

/* Intro: unambiguous search-intent H1 with an editorial touch. */
main{padding:0 24px 90px;background:linear-gradient(to bottom,var(--stage) 0,var(--stage) 435px,var(--canvas) 435px,var(--canvas) 100%)}
.hero{max-width:1200px;margin:0 auto;display:flex;align-items:end;justify-content:space-between;gap:30px;padding:50px 0 46px;color:#fff}
.hero-main{max-width:850px}
.hero-kicker{display:flex;align-items:center;gap:10px;font:600 .7rem/1.3 ui-monospace,"SFMono-Regular",Consolas,monospace;letter-spacing:.13em;color:var(--lime)}
.kicker-line{width:22px;height:1px;background:var(--lime)}
.kicker-counter{color:#94a99e}
.hero h1{font-family:Georgia,"Iowan Old Style","Palatino Linotype",serif;font-size:clamp(3.25rem,5.3vw,5.15rem);font-weight:400;letter-spacing:-.075em;line-height:1.04;margin:17px 0 16px}
.hero h1 em{font-style:italic;font-weight:400;color:#d8e8d7}
.hero-punctuation{color:var(--lime)}
.hero p{color:#b8cbc0;font-size:1rem;max-width:610px;line-height:1.65;margin:0}
.hero-aside{display:flex;gap:15px;align-items:center;border-left:1px solid #6a8372;padding:4px 0 4px 20px;flex-shrink:0;margin-bottom:5px}
.hero-aside-icon{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;color:var(--lime);border:1px solid #66836a;border-radius:50%;font-size:21px}
.hero-aside strong{display:block;font-size:.81rem;color:#fff;white-space:nowrap;font-weight:620}
.hero-aside small{display:block;font-size:.76rem;color:#a8beb2;margin-top:4px;white-space:nowrap}

/* One continuous workbench, deliberately NOT two generic floating cards. */
.workspace{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.49fr) minmax(0,.51fr);border-radius:var(--radius);overflow:hidden;background:var(--paper);box-shadow:0 24px 56px rgba(10,25,21,.18);isolation:isolate;border:1px solid #d3ded1}
.panel{min-width:0;padding:39px 43px;border:0;border-radius:0}
.input-panel{background:var(--paper)}
.results{color:#f3f9f0;background:var(--stage-soft);border-left:1px solid #345046}
.panel-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:29px}
.panel-step{display:inline-flex;align-items:center;gap:11px;font:650 .68rem/1.3 ui-monospace,Consolas,monospace;letter-spacing:.075em;color:#627669}
.step-circle{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#e9eee4;color:#416047;letter-spacing:0}
.panel-context{font-size:.73rem;color:#64776c}
.input-panel h2{font-size:1.58rem;line-height:1.16;letter-spacing:-.045em;font-weight:630;margin:0 0 20px}
.results .panel-step{color:#a6bdac}
.results .step-circle{background:#34473e;color:var(--lime)}
.result-top{margin-bottom:31px}
.live-indicator{display:inline-flex;align-items:center;gap:8px;font:620 .7rem ui-monospace,Consolas,monospace;letter-spacing:.08em;color:#c3d7c8}
.live-indicator span{width:7px;height:7px;background:var(--lime);border-radius:50%}

/* Precise controls */
.tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-bottom:1px solid #cedacd;margin-bottom:29px}
.tabs:has([data-future-mode]){grid-template-columns:repeat(2,minmax(0,1fr))}
.tabs-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:#627469;min-height:46px;padding:8px 5px 13px;font-size:.82rem;font-weight:570;transition:border-color .16s,color .16s,background .16s}
.tabs button:hover{color:#1e3c2c;background:#eff5eb}
.tabs button.active{color:#214a31;border-color:#2a6a42;font-weight:750}
.tabs-four button{font-size:.73rem;padding-inline:3px}
.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:0}
.field{min-width:0;margin-bottom:23px}
.field-grid .field{margin-bottom:21px}
.field label{display:block;margin-bottom:9px;color:#405849;font-size:.82rem;font-weight:630}
.field input,.field select{height:53px;min-width:0;width:100%;padding:11px 14px;border:1px solid #cad7c9;border-radius:9px;background:#fff;color:#203d2d;font-size:1.06rem;font-weight:610;transition:border-color .16s,box-shadow .16s}
.field input:hover,.field select:hover{border-color:#789b78}
.field input:focus,.field select:focus{outline:0;border-color:#4c8250;box-shadow:0 0 0 3px #c8f27a77}
.field select{font-size:.9rem;font-weight:570;padding-right:8px}
.field input::placeholder{color:#8fa297}
.input-shell{display:flex;align-items:center;height:53px;border:1px solid #cad7c9;border-radius:9px;background:#fff;overflow:hidden;transition:border-color .16s,box-shadow .16s}
.input-shell:focus-within{border-color:#4c8250;box-shadow:0 0 0 3px #c8f27a77}
.input-shell:hover{border-color:#789b78}
.input-shell input{height:100%;min-height:0;min-width:0;flex:1;border:0!important;box-shadow:none!important;outline:0!important;border-radius:0;padding:11px 12px 11px 3px;background:transparent}
.input-prefix,.input-suffix{flex-shrink:0;color:#617a68;font-size:1.02rem;font-weight:600}
.input-prefix{padding:0 0 0 16px}
.input-suffix{padding-right:16px}
.input-shell-suffix input{padding-left:15px;padding-right:6px}
.period-field{margin-bottom:23px}
.hint,.field-note{font-size:.77rem;line-height:1.6;color:#61766a;margin:6px 0}
.method-hint{margin:16px 0 16px}
.quick-raises{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 24px}
.quick-raises>span{font:700 .67rem ui-monospace,Consolas,monospace;letter-spacing:.07em;color:#597067;margin-right:7px}
.quick-raises button{border:1px solid #cfddc9;color:#355940;background:transparent;border-radius:7px;min-height:39px;padding:8px 15px;font-size:.82rem;font-weight:630;transition:background .15s,border-color .15s,color .15s}
.quick-raises button:hover{border-color:#588e4f;background:#eef6e7}
.quick-raises button.active{background:#dcefbf;border-color:#72984c;color:#234b24}
.schedule-settings{border-top:1px solid #dde5da;border-bottom:1px solid #dde5da;margin:0 0 17px}
.schedule-settings summary{display:flex;align-items:center;gap:12px;min-height:53px;padding:9px 0;cursor:pointer;list-style:none;color:#425b4c;font-size:.84rem;font-weight:600}
.schedule-settings summary::-webkit-details-marker{display:none}
.schedule-settings summary .muted,.optional{font-size:.76rem;font-weight:400;color:#4d6255}
.details-icon{font-size:1.15rem;color:#638568}
.chevron{border-right:1.5px solid #66806b;border-bottom:1.5px solid #66806b;width:8px;height:8px;transform:rotate(45deg);margin-left:auto;margin-right:5px;transition:transform .15s}
.schedule-settings[open] .chevron{transform:rotate(225deg)}
.schedule-body{padding:0 0 10px}
.schedule-body .field input{height:47px}
.schedule-body .field-grid{gap:12px}
.schedule-body .field{margin-bottom:10px}
.slider-friendly{display:flex;align-items:center;gap:13px}
.slider-friendly input{max-width:134px}
.slider-friendly>span{color:#64786c;font-size:.78rem}
.tool-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:15px}
.secondary{border:1px solid #d4e0d0;background:#f9fbf5;color:#3d5947;border-radius:8px;padding:10px 14px;min-height:43px;font-weight:650;font-size:.8rem}
.secondary:hover{background:#ebf4e7}
.text-action{font-size:.81rem;font-weight:690;text-decoration:none}
.text-action:hover{color:#184b29}
.mini-tip{border-top:1px solid #dce5da;padding-top:16px;display:flex;gap:10px;color:#596f63;font-size:.78rem}
.mini-tip-mark{flex-shrink:0;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1px solid #8da795;font-size:.7rem}

/* Editorial amount visualization */
.result-caption{display:block;color:#abc3b5;font-size:.87rem;font-weight:520;margin-bottom:5px}
.big{color:#fff;font-size:clamp(3.15rem,5.1vw,4.4rem);font-weight:650;line-height:1.08;letter-spacing:-.075em;overflow-wrap:anywhere}
.big.is-error{font-size:1.2rem;line-height:1.5;letter-spacing:0;color:var(--coral)}
.result-head{padding-bottom:24px;border-bottom:1px solid var(--darkline)}
.result-postline{display:flex;align-items:center;justify-content:space-between;gap:13px;flex-wrap:wrap;margin-top:13px}
.result-frequency{color:#a6c0b1;font-size:.88rem}
.outcome-chip{display:inline-flex;align-items:center;gap:8px;border-radius:8px;background:#c8f27a18;border:1px solid #c8f27a54;padding:9px 12px;color:var(--lime);font-size:.83rem}
.outcome-chip strong{font-weight:770}
.outcome-chip small{font-size:.73rem;color:#b8d899}
.outcome-chip.is-negative{color:var(--coral);border-color:#ffad9c65;background:#ffad9c14}
.outcome-chip.is-negative small{color:#e8b9ad}
.comparison{padding:23px 0 25px}
.comparison-heading,.chart-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.comparison-heading strong,.chart-header strong{color:#e4f0e4;font-size:.86rem;font-weight:650}
.comparison-heading>span,.chart-header>span{color:#9eb6a6;font-size:.74rem}
.comparison-bar+.comparison-bar{margin-top:17px}
.bar-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#a9bdae;font-size:.78rem;margin-bottom:7px}
.bar-meta strong{color:#e1efe4;font-size:.82rem;font-weight:630}
.bar-track{height:8px;border-radius:99px;background:#385148;overflow:hidden}
.bar-fill{display:block;height:100%;border-radius:inherit;transition:width .2s}
.bar-before{background:#728c7f}
.bar-after{background:var(--lime)}
.results.is-decrease .bar-after{background:var(--coral)}
.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--darkline);border-bottom:1px solid var(--darkline);padding:19px 0}
.metrics>div{min-width:0;padding:0 10px 0 0}
.metrics>div+div{padding-left:12px;border-left:1px solid var(--darkline)}
.metrics span{display:block;color:#a6c0b1;letter-spacing:.045em;font:620 .65rem/1.5 ui-monospace,Consolas,monospace}
.metrics strong{display:block;color:#f3f8f3;font-size:1.02rem;font-weight:700;letter-spacing:-.032em;margin-top:6px;overflow-wrap:anywhere}
.metrics>div:first-child strong,.metrics .change-positive{color:var(--lime)}
.results.is-decrease .metrics>div:first-child strong,.results.is-decrease .change-positive{color:var(--coral)}
.results-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}
.copy-result{background:transparent;color:#e6f2e8;border:1px solid #627a69;border-radius:8px;min-height:45px;padding:10px 11px;font-size:.8rem;font-weight:640}
.copy-result:hover{background:#32473d}
.copy-result:first-child,.copy-primary{background:var(--lime);border-color:var(--lime);color:#1a2d1c}
.copy-result:first-child:hover,.copy-primary:hover{background:#d9f99b}
.copy-result span{padding-left:5px}
button:disabled{opacity:.52;cursor:not-allowed}
.breakdown-details{margin-top:18px;border-top:1px solid var(--darkline)}
.breakdown-details summary{display:flex;justify-content:space-between;gap:12px;align-items:center;list-style:none;cursor:pointer;padding:18px 0;color:#e5f0e5;font-size:.85rem;font-weight:630}
.breakdown-details summary::-webkit-details-marker{display:none}
.summary-aside{color:#a8c2b1;font-size:.73rem;font-weight:400}
.results table{min-width:410px}
.table-scroll{max-width:100%;overflow-x:auto}
table{width:100%;border-collapse:collapse;text-align:right;font-size:.83rem}
th,td{padding:12px 10px;border-bottom:1px solid #dce4d9;white-space:nowrap}
th:first-child,td:first-child{text-align:left}
th{font-weight:700;color:#42594c;font-size:.74rem}
.results th,.results td{border-color:var(--darkline);color:#e7f2e8}
.results th{color:#aecbb6}
.result-disclaimer,.share-note{color:#aac0b0;font-size:.74rem;line-height:1.6;margin:14px 0 0}
.share-note{margin-top:5px}

/* Percentage and future modules share the same hierarchy */
.percent-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:20px;border:1px solid var(--darkline);border-radius:11px;margin:21px 0 18px;background:#233630}
.pct-block span{color:#aac7b4;display:block;font:.7rem ui-monospace,Consolas,monospace;letter-spacing:.07em}
.pct-block strong{display:block;margin-top:7px;color:#f6fff3;font-size:1.6rem;letter-spacing:-.06em;overflow-wrap:anywhere}
.pct-arrow{color:var(--lime);font-size:1.4rem}
.percent-details{border-top:1px solid var(--darkline);padding:18px 0 0}
#percent-extra-label{font-size:.8rem;color:#abc1b2}
#percent-extra-label strong{color:#f3fff3}
.percent-details p{color:#dae9d9;font-size:.87rem;margin:10px 0 18px}
.result-caption#percent-result-label{font:.73rem ui-monospace,Consolas,monospace;letter-spacing:.09em}
.percent-results .result-disclaimer{border-top:1px solid var(--darkline);padding-top:16px}
.chart-header{margin-top:20px;margin-bottom:7px}
.salary-chart{width:100%;display:block;max-height:200px}
.chart-axis{display:flex;justify-content:space-between;gap:10px;color:#b1c8b8;font-size:.72rem;margin:6px 0 19px}
.chart-axis span:last-child{text-align:right}
.metrics-forecast{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}
.metrics-forecast>div:nth-child(3){border-left:0;padding-left:0}
.metrics-forecast>div:nth-child(4){border-left:1px solid var(--darkline);padding-left:12px}

/* Every phone sees the answer without hunting below advanced controls. */
.inline-preview{display:none;gap:12px;align-items:center;padding:17px;margin:2px 0 21px;background:var(--lime);color:#1d3721;border-radius:11px}
.preview-icon{display:grid;place-items:center;width:38px;height:38px;background:#234c2b1b;border-radius:9px;flex-shrink:0;font-size:1.4rem}
.preview-body{flex:1;min-width:0}
.preview-body span{display:block;color:#35513b;font:690 .63rem ui-monospace,Consolas,monospace;letter-spacing:.08em}
.preview-body strong{display:block;color:#1d3324;font-size:1.45rem;font-weight:760;letter-spacing:-.055em;line-height:1.23;overflow-wrap:anywhere}
.inline-preview small{font-size:.73rem;white-space:nowrap;color:#3a553d;align-self:end}
@media(max-width:900px){.inline-preview{display:flex}}

/* Editorial publication, full-width real content—not a lonely 800px column. */
.content{max-width:1000px;margin:80px auto 0;color:var(--ink)}
.content h1,.content h2{font-family:Georgia,"Iowan Old Style",serif;letter-spacing:-.05em;font-weight:500;line-height:1.14}
.content h1{font-size:clamp(2.45rem,4vw,3.7rem)}
.content h2{font-size:clamp(1.75rem,3vw,2.25rem);margin:43px 0 15px}
.content p{font-size:.94rem;line-height:1.8;color:#496057}
.content a{color:#2c5a39;font-weight:650}
.content .formula{background:#e6eadf;color:#234734;border-left:3px solid #66994e;border-radius:6px;padding:17px 18px;font-weight:660;overflow-wrap:anywhere}
.content>table,.content .table-scroll{background:var(--paper)}
.content details{border-bottom:1px solid #d4ded2}
.content details summary{cursor:pointer;padding:17px 4px;font-size:.9rem;font-weight:660;list-style:none;color:#253d2c}
.content details summary::-webkit-details-marker{display:none}
.content details summary::after{content:'+';float:right;color:#61886a;font-size:1.3rem;font-weight:350}
.content details[open] summary::after{content:'−'}
.content details p{margin:0 0 18px}
.content code{background:#e7ebe0;padding:2px 6px;border-radius:4px;color:#345b39}
.home-content{max-width:1200px;padding:0 0 35px;margin:95px auto 0}
.section-index{display:flex;align-items:center;gap:12px;font:650 .69rem/1.5 ui-monospace,Consolas,monospace!important;letter-spacing:.12em!important;color:#4b7555!important;margin:0 0 20px!important}
.section-index span{color:#c3ccc0}
.editorial-intro{display:grid;grid-template-columns:minmax(0,1.17fr) minmax(0,.83fr);gap:70px;align-items:center;padding-bottom:75px;border-bottom:1px solid #d6e0d4}
.editorial-lead h2{font-size:clamp(2.65rem,4.7vw,4.5rem);margin:0 0 18px;letter-spacing:-.07em}
.editorial-lead h2 em{font-weight:400;color:#65806e}
.editorial-lead>p:not(.section-index){max-width:590px;font-size:1rem;line-height:1.83}
.formula-block{margin-top:31px;border:1px solid #cddaca;border-radius:12px;overflow:hidden;background:#e9efe6}
.formula-heading{display:flex;justify-content:space-between;gap:10px;font:650 .67rem/1.4 ui-monospace,Consolas,monospace;letter-spacing:.06em;color:#49684e;padding:13px 18px;border-bottom:1px solid #d2dfcd}
.formula-block .formula{background:transparent;border:0;border-radius:0;padding:20px 18px;color:#26452b;font-size:1.03rem;line-height:1.6;font-weight:600}
.receipt{position:relative;background:var(--paper);border:1px solid #d9e1d4;padding:26px 30px 0;box-shadow:0 15px 40px #182d1c08;min-width:0;transform:rotate(1deg)}
.receipt::after{content:'';display:block;position:absolute;inset:auto 12px -12px 12px;height:12px;background:repeating-linear-gradient(90deg,#fefdf9 0 12px,transparent 12px 19px);filter:drop-shadow(0 3px 2px #3332)}
.receipt-top{display:flex;justify-content:space-between;gap:10px;color:#6a8273;font:660 .65rem ui-monospace,Consolas,monospace;letter-spacing:.08em}
.receipt-title{font-family:Georgia,serif;font-size:1.9rem;letter-spacing:-.045em;margin:31px 0 27px}
.receipt-title span{display:block;margin-top:5px;font:400 .75rem system-ui,sans-serif;letter-spacing:0;color:#778b7d}
.receipt dl{margin:0}
.receipt dl>div{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 0;border-top:1px dashed #d6dfd2}
.receipt dt{color:#5d7465;font-size:.85rem}
.receipt dd{margin:0;font-weight:640;font-variant-numeric:tabular-nums}
.receipt-total{display:flex;justify-content:space-between;align-items:end;gap:16px;border-top:2px solid #294332;margin-top:15px;padding-top:19px}
.receipt-total>span{color:#536958;font:.68rem ui-monospace,Consolas,monospace;letter-spacing:.07em}
.receipt-total strong{font-size:2.1rem;line-height:1;font-weight:720;letter-spacing:-.065em;white-space:nowrap;color:#223c25}
.receipt-total strong span{font-size:1.23rem;color:#708676}
.receipt-foot{font:.69rem ui-monospace,Consolas,monospace;color:#4d6255;padding:26px 0;text-align:center;letter-spacing:.05em}
.education-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px;padding:65px 0;border-bottom:1px solid #d6e0d4}
.education-row>article+article{border-left:1px solid #d6e0d4;padding-left:55px}
.education-row h2{margin:0 0 14px;font-size:2.25rem}
.education-row p:not(.section-index){margin:0;font-size:.94rem;max-width:520px}
.reference-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:65px;padding:67px 0 60px}
.reference-grid>div+div{border-left:1px solid #d6e0d4;padding-left:65px}
.reference-grid h2{margin:0 0 11px;font-size:2.4rem}
.reference-grid p:not(.section-index){margin:0 0 20px;line-height:1.72;font-size:.9rem}
.example-table{border:1px solid #d6e0d4;border-radius:9px;overflow-x:auto;background:var(--paper)}
.example-table table{font-size:.83rem;min-width:450px;width:100%}
.example-table th,.example-table td{padding:12px 13px;border-bottom:1px solid #e5eae1;text-align:right}
.example-table th:first-child,.example-table td:first-child{text-align:left}
.example-table th{font-weight:650;background:#eff3ec;color:#3a5744}
.example-table tbody tr:last-child td{border:0}
.reference-grid .faq-section details{margin:0}
.reference-grid .faq-section details:first-of-type{border-top:1px solid #d6e0d4}
.editorial-note{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:35px;align-items:center;background:#e6ecdf;border:1px solid #d3dfce;border-radius:13px;padding:27px 30px;margin-top:0}
.editorial-note>div:first-child{display:flex;gap:18px;align-items:start}
.note-star{font-size:1.55rem;color:#2c7146}
.editorial-note strong{font-size:.94rem}
.editorial-note p{margin:5px 0 0;max-width:620px;font-size:.81rem;line-height:1.65}
.related-tools{display:flex;flex-direction:column;gap:6px;padding-left:27px;border-left:1px solid #c8d5c2}
.related-tools>span{font:680 .63rem ui-monospace,Consolas,monospace;letter-spacing:.06em;color:#53705a}
.related-tools a{font-size:.83rem;text-decoration:none}
.related-tools a:hover{text-decoration:underline}

/* Consistent footer: less noise after a long reading journey. */
footer{background:var(--stage);border-top:1px solid #3b5143;color:#b0c3b3;text-align:center;padding:33px 20px;font-size:.8rem}
footer a{color:#e0f2df;text-decoration:underline;text-decoration-color:#a6c99d;text-underline-offset:4px;margin-left:15px}
footer a:hover{color:var(--lime)}

/* Responsive: preserve UX and don't make hero a marketing hurdle */
@media(max-width:1150px){
 .nav-inner{gap:25px}
 .nav nav{margin-left:15px;gap:25px}
 .hero-aside{display:none}
 .panel{padding:34px 30px}
 .editorial-intro{gap:40px}
 .reference-grid{gap:40px}
 .reference-grid>div+div{padding-left:40px}
 .education-row{gap:35px}
 .education-row>article+article{padding-left:35px}
}
@media(max-width:900px){
 .workspace{grid-template-columns:1fr}
 .results{border-left:0;border-top:1px solid var(--darkline)}
 .hero{padding:39px 0 32px}
 .hero h1{font-size:clamp(2.75rem,7.7vw,4.3rem)}
 .inline-preview{display:flex}
 main{background:linear-gradient(to bottom,var(--stage) 0,var(--stage) 365px,var(--canvas) 365px,var(--canvas) 100%)}
 .editorial-intro{grid-template-columns:1fr;gap:30px}
 .receipt{max-width:550px;width:100%;margin:auto}
 .reference-grid{gap:27px}
 .reference-grid>div+div{padding-left:27px}
 .nav-trust{display:none}
}
@media(max-width:650px){
 .nav-inner{padding:14px 17px 0;min-height:0;display:grid;grid-template-columns:1fr;gap:10px}
 .nav nav{grid-row:2;grid-column:1;display:flex;align-items:center;gap:23px;margin:0 -17px;padding:0 17px;min-height:46px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-inline:contain;align-self:auto}
 .nav nav::-webkit-scrollbar{display:none}
 .nav nav a{flex:none;font-size:.78rem;min-height:44px}
 .brand-mark{width:32px;height:32px}
 .brand-name{font-size:19px}
 main{padding:0 15px 65px;background:linear-gradient(to bottom,var(--stage) 0,var(--stage) 330px,var(--canvas) 330px)}
 .hero{padding:29px 0 26px}
 .hero-kicker{font-size:.61rem}
 .hero h1{font-size:clamp(2.35rem,9.1vw,3.5rem);letter-spacing:-.069em;margin:11px 0 12px}
 .hero p{font-size:.88rem;line-height:1.6}
 .workspace{border-radius:15px}
 .panel{padding:25px 22px}
 .panel-top{margin-bottom:18px}
 .input-panel h2{font-size:1.3rem;margin-bottom:14px}
 .tabs{margin-bottom:19px}
 .tabs button{font-size:.77rem;min-height:42px}
 .tabs-four{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tabs-four button{font-size:.76rem}
 .field-grid{gap:12px}
 .field label{font-size:.76rem}
 .field{margin-bottom:16px}
 .field-grid .field{margin-bottom:16px}
 .field input,.field select,.input-shell{height:50px}
 .input-shell{height:50px}
 .field input,.input-shell input{font-size:1.04rem}
 .quick-raises{margin:0 0 18px}
 .results .big{font-size:clamp(2.75rem,11vw,4rem)}
 .metrics strong{font-size:.96rem}
 .metrics span{font-size:.6rem}
 .content{margin-top:62px}
 .home-content{margin-top:72px}
 .editorial-lead h2{font-size:clamp(2.5rem,9vw,3.9rem)}
 .editorial-intro{padding-bottom:45px}
 .receipt{transform:none}
 .education-row{display:block;padding:47px 0}
 .education-row>article+article{border-left:0;border-top:1px solid #d6e0d4;margin-top:34px;padding:30px 0 0}
 .education-row h2{font-size:2rem}
 .reference-grid{display:block;padding:50px 0}
 .reference-grid>div+div{border-left:0;border-top:1px solid #d6e0d4;padding:38px 0 0;margin-top:37px}
 .reference-grid h2{font-size:2.05rem}
 .editorial-note{grid-template-columns:1fr;gap:18px;padding:22px}
 .related-tools{border-left:0;border-top:1px solid #c8d5c2;padding:15px 0 0}
 .content:not(.home-content) h2{font-size:1.9rem}
}
@media(max-width:390px){
 .field-grid{grid-template-columns:1fr;gap:0}
 .field-grid .field{margin-bottom:12px}
 .inline-preview{flex-wrap:wrap;gap:6px 9px}
 .preview-icon{width:30px;height:30px}
 .preview-body{flex:1 1 calc(100% - 40px)}
 .preview-body strong{white-space:nowrap;font-size:1.38rem}
 .inline-preview small{flex-basis:100%;margin-left:38px}
 .panel{padding:22px 18px}
 .results .big{font-size:2.75rem}
 .metrics strong{font-size:.85rem}
 .metrics>div+div{padding-left:7px}
 .results-actions{grid-template-columns:1fr}
 .formula-heading{font-size:.58rem}
 .receipt{padding:20px 20px 0}
 .receipt-total strong{font-size:1.75rem}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(forced-colors:active){.tabs button.active{border-color:Highlight}.bar-fill{outline:2px solid CanvasText}}