*{box-sizing:border-box;margin:0;padding:0}
:root{--ink:#18212f;--muted:#5e6978;--line:#dbe3ec;--paper:#fff;--blue:#10b981;--blue-dark:#047857;--teal:#059669;--soft:#d1fae5}
body{background:linear-gradient(180deg,#fff 0,#f6f9fc 100%);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.65}
.container{max-width:1180px;margin:auto;padding:0 28px}
header{padding:30px 0 15px}.site-name{color:#111827;font-size:1.85rem;font-weight:900;letter-spacing:-.035em;text-decoration:none}
.breadcrumb{align-items:center;display:flex;flex-wrap:wrap;font-size:.9rem;gap:8px;margin-top:18px}.breadcrumb a{color:var(--blue-dark);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span{color:#718096}
.calculator-header{max-width:860px;padding:42px 0 30px}.section-kicker{color:var(--teal);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.calculator-title{font-family:Georgia,serif;font-size:clamp(2.25rem,5vw,4.1rem);letter-spacing:-.045em;line-height:1.04;margin:9px 0 17px}.calculator-intro{color:var(--muted);font-size:1.16rem;max-width:780px}
.layout{align-items:start;display:grid;gap:26px;grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr);margin-bottom:62px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 35px rgba(30,64,110,.07)}
.calculator-form-card{padding:30px}.calculator-form-card h2{font-family:Georgia,serif;font-size:1.55rem;margin-bottom:22px}
.form-grid{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-group label{display:block;font-weight:750;margin-bottom:7px}.input-wrap{align-items:center;background:#fff;border:1px solid #bac8d8;border-radius:10px;display:flex;overflow:hidden}.input-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(16,185,129,.12)}.input-wrap input,.input-wrap select{background:transparent;border:0;color:var(--ink);font:inherit;min-width:0;outline:0;padding:13px 14px;width:100%}.input-wrap em{background:#f2f6fb;border-left:1px solid var(--line);color:var(--muted);font-size:.88rem;font-style:normal;padding:13px 12px;white-space:nowrap}.hint{color:var(--muted);font-size:.82rem;line-height:1.4;margin-top:7px}
.actions{display:flex;gap:10px;margin-top:25px}.calculate-btn,.clear-btn{border:0;border-radius:10px;cursor:pointer;font:inherit;font-weight:800;padding:13px 20px}.calculate-btn{background:var(--blue-dark);color:#fff}.calculate-btn:hover{background:#102d5a}.clear-btn{background:#edf2f7;color:#3e4b5d}
.results{background:linear-gradient(150deg,#047857,#059669);color:#fff;padding:30px;position:sticky;top:20px}.primary-result{border-bottom:1px solid rgba(255,255,255,.24);padding-bottom:22px}.primary-result .label{font-size:.84rem;font-weight:750;letter-spacing:.08em;opacity:.82;text-transform:uppercase}.primary-result .value{font-family:Georgia,serif;font-size:clamp(2.35rem,5vw,3.7rem);font-weight:700;line-height:1.1;margin-top:8px}.metric-grid{display:grid;gap:14px;margin-top:22px}.metric{background:rgba(255,255,255,.11);border-radius:11px;padding:13px 15px}.metric-label{font-size:.8rem;opacity:.78}.metric-value{font-size:1.18rem;font-weight:800;margin-top:2px}.result-note{font-size:.88rem;line-height:1.55;margin-top:20px;opacity:.88}.error{background:#fff1f0;border:1px solid #fecaca;border-radius:9px;color:#991b1b;margin-top:18px;padding:11px 13px}
.editorial-content{margin:0 auto 72px;max-width:970px}.content-section{margin:0 0 44px}.content-section h2{font-family:Georgia,serif;font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.2;margin-bottom:14px}.content-section h3{font-size:1.08rem;line-height:1.35}.content-section p+p{margin-top:14px}.content-section a{color:var(--blue-dark);font-weight:650;text-decoration-thickness:1px;text-underline-offset:3px}.article-section{max-width:810px}.note-section{border-left:4px solid var(--teal);padding:7px 0 7px 24px}.content-card{padding:27px 30px}.formula-box{background:#172334;border-radius:12px;color:#fff;font-family:ui-monospace,Consolas,monospace;margin:15px 0;padding:19px 22px;overflow-wrap:anywhere}.split-section{display:grid;gap:28px;grid-template-columns:1fr}.split-section.comparison-split{grid-template-columns:1fr 1fr}.split-section>div{border-top:2px solid var(--line);padding-top:17px}.split-section p{margin-top:8px}
.step-list{counter-reset:steps;display:grid;gap:17px;list-style:none;margin-top:18px}.step-list li{padding-left:46px;position:relative}.step-list li:before{align-items:center;background:var(--soft);border-radius:50%;color:var(--blue-dark);content:counter(steps);counter-increment:steps;display:flex;font-weight:850;height:31px;justify-content:center;left:0;position:absolute;top:0;width:31px}.check-list{display:grid;gap:12px;margin:18px 0 0 20px}.method-note{color:var(--muted);font-size:.93rem;line-height:1.6;margin-top:13px}
.faq-list{display:grid;gap:0}.faq-item{border-top:1px solid var(--line);padding:19px 0}.faq-item:first-child{border-top:0}.faq-item p{color:var(--muted);margin-top:7px}
footer{border-top:1px solid var(--line);color:#718096;padding:30px 0 40px;text-align:center}.footer-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.footer-links a{color:#64748b;text-decoration:none}
@media(max-width:780px){.container{padding:0 18px}.layout{grid-template-columns:1fr}.results{position:static}.form-grid,.split-section,.split-section.comparison-split{grid-template-columns:1fr}.calculator-header{padding-top:28px}.calculator-form-card,.results,.content-card{padding:22px}.editorial-content{margin-bottom:48px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
