:root{--ink:#102642;--muted:#5c7088;--blue:#0878ee;--blue-dark:#0a477e;--line:#d5e2ed;--panel:#eef3f7;--green:#e9f8ef;--green-line:#79cfa7;--danger:#9c352d;--yellow:#fff7d9;--shadow:0 20px 55px #12355612;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(#f4f7fb,#eef3f7);color:var(--ink)}button,input{font:inherit}button{cursor:pointer}.skip-link{position:fixed;z-index:1000;top:8px;left:8px;transform:translateY(-140%);padding:10px 14px;border-radius:10px;background:#08213f;color:#fff}.skip-link:focus{transform:none}.calculator-global-header{display:flex;align-items:center;justify-content:space-between;width:min(1120px,calc(100% - 40px));margin:0 auto;padding:22px 0}.calculator-global-brand img{display:block}.calculator-global-nav{display:flex;gap:24px}.calculator-global-nav a,.breadcrumbs a{color:#155fa5;font-weight:750;text-decoration:none}.calculator-global-nav a:hover,.breadcrumbs a:hover{text-decoration:underline}.page{width:min(1120px,calc(100% - 40px));margin:0 auto;padding-bottom:90px}.breadcrumbs{display:flex;gap:8px;padding:12px 0 22px;color:var(--muted);font-size:13px}.page-intro{display:grid;grid-template-columns:minmax(0,.85fr) minmax(340px,1fr);align-items:end;gap:40px;padding-bottom:26px}.eyebrow,.result-kicker{margin:0;color:var(--blue);font-size:11px;font-weight:850;letter-spacing:.13em}.page-intro h1{margin:9px 0 0;font-size:clamp(42px,5vw,62px);line-height:1;letter-spacing:-.055em}.page-intro>p{margin:0;color:var(--muted);font-size:17px;line-height:1.6}.notice{margin-bottom:18px;padding:14px 16px;border:1px solid #b7d7ef;border-radius:14px;background:#eff8ff;color:#0c4e85}.calculator-shell{padding:20px;border:1px solid var(--line);border-radius:32px;background:#fff;box-shadow:var(--shadow)}.calculator-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.calculator-head h2{margin:5px 0 0;font-size:clamp(25px,3vw,36px);letter-spacing:-.04em}.button-row{display:flex;gap:9px}.button-row button,.result-actions button,.saved-section>header>button{min-height:44px;padding:9px 15px;border:1px solid #bdd0df;border-radius:12px;background:#fff;color:#145c9f;font-weight:750}.button-row button:hover,.result-actions button:hover{border-color:#66aee8;background:#f0f8ff}.calculator-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);gap:18px;align-items:start}.controls{display:grid;gap:16px;padding:22px;border-radius:26px;background:var(--panel)}.control-section+.control-section{padding-top:17px;border-top:1px solid #d0dee9}.section-title{margin-bottom:14px}.section-title h3{margin:0;font-size:20px}.section-title p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.choice-row{display:grid;gap:8px}.choice-row button{min-height:46px;padding:8px 10px;border:1px solid #bfd1df;border-radius:12px;background:#fff;color:#344d67;font-size:13px;font-weight:800}.choice-row button[aria-pressed="true"]{border:2px solid var(--blue);background:#e8f3ff;color:#075da9}.modes{grid-template-columns:repeat(4,minmax(0,1fr))}.modes button:last-child{grid-column:span 2}.reverse-kind{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}.precision{grid-template-columns:repeat(4,minmax(0,1fr))}.input-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:7px;padding:10px;border:1px solid transparent;border-radius:16px;font-size:13px;font-weight:800}.field[data-active="true"]{border-color:var(--green-line);background:var(--green)}.field[data-error="true"]{border-color:#c25c52;background:#fff3f1}.input-shell{display:flex;align-items:center;min-width:0;min-height:58px;border:1px solid #b9cddd;border-radius:14px;background:#fff;overflow:hidden}.input-shell:focus-within{outline:2px solid var(--blue);outline-offset:1px}.input-shell input{min-width:0;width:100%;height:56px;padding:0 12px;border:0;outline:0;background:transparent;color:var(--ink);font-size:23px;font-weight:550;font-variant-numeric:tabular-nums}.input-shell i{flex:0 0 auto;padding-right:12px;color:#63778d;font-style:normal;font-size:13px}.field small{min-height:18px;color:var(--muted);font-size:11px;font-weight:500;line-height:1.45}.error-summary{padding:16px;border:2px solid #b64a3e;border-radius:15px;background:#fff4f2}.error-summary h3{margin:0 0 7px;font-size:15px}.error-summary ul{display:grid;gap:5px;margin:0;padding:0;list-style:none}.error-summary button{padding:0;border:0;background:transparent;color:var(--danger);text-align:left;text-decoration:underline}#resultSection{position:sticky;top:16px;padding:24px;border-radius:26px;color:#fff;background:radial-gradient(circle at 96% 0,#2d9bf455,transparent 25rem),linear-gradient(155deg,#08213f,#0b467f);box-shadow:0 22px 55px #09234425}.result-heading{margin-bottom:15px}.result-heading h2{margin:5px 0 0;color:#fff;font-size:25px;letter-spacing:-.03em}.result-kicker{color:#a9c2da}.result-card{display:grid;gap:14px}.result-mode{display:flex;align-items:center;justify-content:space-between;gap:12px}.result-mode span{color:#9bd6ff;font-size:11px;font-weight:850;letter-spacing:.06em}.result-mode b{padding:6px 9px;border:1px solid #69c4ff66;border-radius:99px;color:#a9dcff;font-size:11px}.result-card h3{margin:0;color:#dce8f4;font-size:15px}.result-value{display:block;margin-top:-6px;font-size:clamp(44px,5vw,64px);font-weight:820;line-height:1;letter-spacing:-.055em;overflow-wrap:anywhere}.result-sentence{margin:0;color:#c2d5e6;font-size:13px;line-height:1.55}.result-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.result-metrics div{min-width:0;padding:12px;border:1px solid #ffffff2d;border-radius:14px;background:#ffffff0d}.result-metrics dt{color:#adc2d6;font-size:10px}.result-metrics dd{margin:5px 0 0;font-size:16px;font-weight:780;overflow-wrap:anywhere}.formula-card,.copy-card{padding:14px;border:1px solid #ffffff29;border-radius:15px;background:#03172c48}.formula-card summary{min-height:30px;cursor:pointer;font-weight:780}.formula-card p{margin:8px 0 0;padding-top:8px;border-top:1px solid #ffffff1d;color:#d0deeb;font-size:12px;line-height:1.55}.copy-card{border-color:#6ddba6;background:linear-gradient(145deg,#12684caa,#0a3856bb)}.copy-card h3{color:#caf5df}.copy-card p{margin:7px 0 0;color:#f1fbf6;font-size:12px;line-height:1.55}.copy-card button{min-height:44px;margin-top:10px;padding:8px 12px;border:1px solid #8ae9ba;border-radius:11px;background:#1d9a6255;color:#fff;font-weight:800}.empty-result{display:grid;min-height:300px;place-content:center;text-align:center}.empty-result strong{font-size:58px}.empty-result p{max-width:34ch;color:#bfd0e1}.result-actions{display:grid;gap:10px;margin-top:16px;padding-top:15px;border-top:1px solid #ffffff29}.result-action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.result-actions button{border-color:#77bdec88;background:#1681cd33;color:#fff}.result-actions button:disabled{cursor:not-allowed;opacity:.5}.result-actions p{margin:0;color:#b9ccdd;font-size:11px;line-height:1.45}.guide,.saved-section,.margin-section,.percent-article,.faq,.method{margin-top:30px;padding:clamp(24px,4vw,46px);border:1px solid var(--line);border-radius:30px;background:#fff}.guide h2,.saved-section h2,.margin-section h2,.percent-article h2,.faq h2,.method h2{margin:9px 0 18px;font-size:clamp(27px,3.6vw,41px);line-height:1.12;letter-spacing:-.04em}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.guide-grid article{padding:20px;border:1px solid #d8e4ee;border-radius:18px;background:#f7fafc}.guide-grid span{color:var(--blue);font-size:11px;font-weight:850}.guide-grid h3{margin:10px 0 7px;font-size:18px}.guide-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.saved-section{background:linear-gradient(135deg,#fff,#f4f8fb)}.saved-section>header{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.saved-section>header p:last-child{max-width:72ch;margin:0;color:var(--muted);font-size:14px;line-height:1.6}.saved-section>header>button{flex:0 0 auto;color:#8f3028}.saved-empty{display:grid;min-height:145px;margin-top:22px;place-content:center;padding:24px;border:1px dashed #bfd0de;border-radius:20px;background:#f7fafc;text-align:center}.saved-empty strong{font-size:19px}.saved-empty p{margin:7px 0 0;color:var(--muted);font-size:13px}.saved-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.saved-item{min-width:0;padding:18px;border:1px solid #d2e0eb;border-radius:19px;background:#fff}.saved-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#4f6780;font-size:11px}.saved-item>strong{display:block;margin-top:11px;color:#0b4478;font-size:26px;overflow-wrap:anywhere}.saved-item>p{min-height:40px;margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.saved-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.saved-actions button{min-height:42px;padding:7px 11px;border:1px solid #bcd1e2;border-radius:10px;background:#f7fbff;color:#145c9f;font-size:12px;font-weight:750}.saved-actions .saved-delete{margin-left:auto;border-color:#ead1cf;background:#fff8f7;color:#923a32}.margin-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.78fr);gap:24px;align-items:stretch}.margin-copy>p:not(.eyebrow){color:var(--muted);line-height:1.6}.margin-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.margin-result{display:grid;align-content:center;gap:12px;padding:24px;border-radius:24px;color:#fff;background:linear-gradient(155deg,#0a2e50,#0c6a50)}.margin-result>strong{font-size:34px;letter-spacing:-.04em}.margin-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.margin-metrics div{padding:12px;border:1px solid #ffffff2b;border-radius:13px;background:#ffffff0c}.margin-metrics span{display:block;color:#c5e7d6;font-size:10px}.margin-metrics b{display:block;margin-top:5px}.percent-article>header{max-width:900px}.percent-article>header>p:last-child,.percent-article>section>p,.method p{color:var(--muted);font-size:16px;line-height:1.75}.percent-article>section{margin-top:42px}.percent-article>section h2{font-size:clamp(24px,3vw,34px)}.formula-list{padding:18px 20px;border-radius:18px;background:#f3f8fc}.formula-list p{margin:8px 0;color:#465d74}.article-note{padding:15px 17px;border-left:3px solid #e1a70b;background:#fff9e8!important}.formula-table{width:100%;border-collapse:collapse}.formula-table th,.formula-table td{padding:13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.formula-table th{font-size:12px}.formula-table td{color:var(--muted);font-size:14px}.formula-table code{color:#0b5ba0;font-weight:750}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{display:flex;align-items:center;justify-content:space-between;min-height:62px;cursor:pointer;font-weight:760}.faq summary:after{content:"+";color:var(--blue);font-size:22px}.faq details[open] summary:after{content:"−"}.faq details p{max-width:90ch;margin:0;padding:0 40px 20px 0;color:var(--muted);line-height:1.7}.method{background:#f6f9fc}.updated{padding-top:14px;border-top:1px solid var(--line)}.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}[hidden]{display:none!important}
@media(max-width:900px){.page-intro{grid-template-columns:1fr}.calculator-layout{grid-template-columns:1fr}#resultSection{position:static}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.margin-section{grid-template-columns:1fr}}
@media(max-width:700px){.page,.calculator-global-header{width:calc(100% - 24px)}.calculator-global-header{padding:16px 0}.calculator-global-nav{gap:12px}.page-intro h1{font-size:40px}.calculator-head,.saved-section>header{align-items:flex-start;flex-direction:column}.button-row{width:100%}.button-row button{flex:1}.calculator-shell{padding:12px;border-radius:24px}.controls{padding:18px 14px;border-radius:21px}.modes{grid-template-columns:repeat(2,minmax(0,1fr))}.modes button:last-child{grid-column:1/-1}.input-layout,.margin-inputs,.guide-grid,.saved-list{grid-template-columns:1fr}.guide,.saved-section,.margin-section,.percent-article,.faq,.method{padding:24px 20px;border-radius:24px}.saved-section>header>button{width:100%}.formula-table{display:block;overflow-x:auto}.result-action-buttons{grid-template-columns:1fr}}
@media(max-width:430px){.calculator-global-brand img{width:116px}.calculator-global-nav a{font-size:11px}.page-intro h1{font-size:34px}.modes,.reverse-kind{grid-template-columns:1fr}.modes button:last-child{grid-column:auto}.precision{grid-template-columns:repeat(4,1fr)}.choice-row button{font-size:12px}.input-shell input{font-size:20px}.result-value{font-size:40px}.result-metrics,.margin-metrics{grid-template-columns:1fr}.saved-actions{display:grid;grid-template-columns:1fr}.saved-actions .saved-delete{margin-left:0}.faq details p{padding-right:0}#resultSection{padding:20px 16px}}
@media(max-width:340px){.precision{grid-template-columns:repeat(2,1fr)}.page-intro h1{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.gcc-cookie-banner button,.gcc-cookie-consent button{min-height:44px!important}