.tool-page{padding-top:38px;padding-bottom:110px}.breadcrumbs{display:flex;gap:10px;color:#8a9490;font-size:12px;margin-bottom:44px}.breadcrumbs a{color:var(--green);text-decoration:none}.tool-hero{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px}.tool-hero h1,.category-page h1{font:600 clamp(42px,6vw,72px)/.98 var(--display);letter-spacing:-.08em;margin:0}.tool-hero h1{max-width:700px}.tool-description{font-size:17px;color:var(--muted);max-width:600px;margin:18px 0 0}.tool-hero-note{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;white-space:nowrap;border-top:1px solid var(--line);padding-top:13px}.tool-hero-note b{color:var(--saffron);font-size:19px}.tool-workspace{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.generic-calculator{min-height:355px}.live-label{font:500 11px var(--sans);color:var(--green);background:var(--mint);border-radius:20px;padding:6px 9px}.generic-input-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px 13px}.generic-input-grid label{font-size:12px;font-weight:600}.generic-input-grid input,.generic-input-grid select{display:block;width:100%;height:46px;border:1px solid var(--line);border-radius:6px;background:#fbfcf9;padding:0 12px;margin-top:7px;font:15px var(--sans);color:var(--ink);outline:0}.generic-input-grid input:focus,.generic-input-grid select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(8,107,87,.1)}.generic-result{min-height:355px}.generic-primary{font:600 clamp(38px,5vw,62px)/1 var(--display);letter-spacing:-.08em;color:var(--green-deep);margin:20px 0 7px}.generic-primary small{font:400 .38em var(--sans);letter-spacing:-.02em}.explanation-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px}.explanation-grid article,.explanation-grid aside{border:1px solid var(--line);border-radius:12px;background:rgba(255,254,250,.65);padding:29px}.explanation-grid h2{font:600 27px/1.1 var(--display);letter-spacing:-.05em;margin:0 0 15px}.explanation-grid p{font-size:14px;color:var(--muted);max-width:600px}.formula-block{font:500 15px var(--display);color:var(--green);background:var(--mint);padding:15px 17px;border-radius:6px;margin-top:20px}.updated-copy{font-size:11px!important;border-top:1px solid var(--line);padding-top:14px;margin-top:30px}.related-section{padding-top:88px}.category-page{padding-top:70px;padding-bottom:110px}.category-page h1 em{font-style:normal;color:var(--green)}.category-lede{max-width:480px;font-size:18px;color:var(--muted);margin:24px 0 55px}.category-page-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.category-page-card{border:1px solid var(--line);border-radius:12px;background:var(--white);padding:27px;text-decoration:none;color:var(--ink);transition:.2s}.category-page-card:hover{transform:translateY(-3px);border-color:#a8c1b3;box-shadow:var(--shadow)}.category-page-card .category-icon{margin-bottom:18px}.category-page-card h2{font:600 24px var(--display);letter-spacing:-.05em;margin:0 0 7px}.category-page-card p{font-size:13px;color:var(--muted);margin:0 0 21px}.category-page-card span{font-size:12px;color:var(--green);font-weight:600}.tool-card .tool-category{display:block;font-size:10px;color:var(--green);margin-top:14px;text-transform:uppercase;letter-spacing:.08em}@media(max-width:800px){.tool-page,.category-page{padding-top:30px;padding-bottom:75px}.breadcrumbs{margin-bottom:32px}.tool-hero{display:block}.tool-hero-note{display:inline-flex;margin-top:25px}.tool-workspace,.explanation-grid{grid-template-columns:1fr}.generic-result{order:-1}.category-page-grid{grid-template-columns:1fr}.category-lede{margin-bottom:35px}}@media(max-width:430px){.generic-input-grid{grid-template-columns:1fr}.tool-hero h1{font-size:47px}}
 .category-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.category-tools-grid .tool-card{min-height:185px}@media(max-width:800px){.category-tools-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:430px){.category-tools-grid{grid-template-columns:1fr}}
 .category-tabs{display:flex;gap:7px;overflow-x:auto;padding:6px;border:1px solid var(--line);border-radius:10px;background:rgba(255,254,250,.72);margin:0 0 18px}.category-tabs a{display:flex;align-items:center;gap:7px;flex:0 0 auto;padding:10px 13px;border-radius:6px;color:var(--muted);font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}.category-tabs a span{font-size:16px;color:var(--green)}.category-tabs a:hover{color:var(--green);background:var(--paper-deep)}.category-tabs a.active{background:var(--green);color:var(--white)}.category-tabs a.active span{color:var(--saffron)}.category-tools-grid{grid-column:1/-1;width:100%}.category-page-grid{grid-template-columns:repeat(3,1fr)}@media(max-width:800px){.category-page-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.category-page-grid{grid-template-columns:1fr}}
 .category-tool-strip{display:flex;gap:6px;overflow-x:auto;padding:0 2px 18px;margin-bottom:2px}.category-tool-strip a{flex:0 0 auto;border-bottom:2px solid transparent;padding:7px 10px;color:var(--muted);font-size:12px;text-decoration:none;white-space:nowrap}.category-tool-strip a:hover{color:var(--green)}.category-tool-strip a.active{border-color:var(--saffron);color:var(--ink);font-weight:700}
.generic-input-grid .unit-select{display:block;width:100%;height:32px;border:1px solid var(--line);border-radius:5px;background:#f4f7f2;color:var(--green);padding:0 9px;margin-top:6px;font:600 11px var(--sans);outline:0}.generic-input-grid .unit-select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(8,107,87,.1)}
.generic-input-grid textarea{display:block;width:100%;min-height:190px;resize:vertical;border:1px solid var(--line);border-radius:6px;background:#fbfcf9;padding:12px;margin-top:7px;font:15px/1.55 var(--sans);color:var(--ink);outline:0}.generic-input-grid textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(8,107,87,.1)}
.calculator-form{background:linear-gradient(145deg,var(--white),#f1f7f0)}
.calculator-form .calculator-screen{display:flex;align-items:center;justify-content:flex-end;min-height:82px;margin:0 0 18px;padding:12px 18px;border:1px solid #bed2c4;border-radius:10px;background:var(--ink);color:var(--white);font:600 clamp(34px,5vw,50px)/1 var(--display);letter-spacing:-.07em;overflow:auto}
.calculator-form .calculator-keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px}
.calculator-form .calculator-key{min-height:43px;border:1px solid #ccd9ce;border-radius:7px;background:var(--white);color:var(--ink);font:600 16px var(--display);cursor:pointer;box-shadow:0 2px 0 rgba(16,35,43,.05)}
.calculator-form .calculator-key:hover{border-color:var(--green);background:var(--mint);color:var(--green)}
.calculator-form .calculator-key:focus-visible{outline:3px solid rgba(8,107,87,.24);outline-offset:2px}
.calculator-form .calculator-key.operator{background:#e2efe5;color:var(--green);font-size:20px}.calculator-form .calculator-key.function{font-size:13px;color:var(--green)}.calculator-form .calculator-key.quiet{color:var(--coral);background:#fff4ef}.calculator-form .calculator-key.equals{grid-column:span 2;background:var(--green);color:var(--white);border-color:var(--green)}.calculator-form .calculator-key.equals:hover{background:var(--green-deep);color:var(--white)}
.calculator-form-advanced .generic-input-grid{grid-template-columns:1fr}.calculator-form-advanced .calculator-expression-display{height:62px;margin-top:7px;background:var(--ink);color:var(--white);font:600 24px var(--display);text-align:right}.calculator-form-advanced .calculator-expression-display:focus{border-color:var(--saffron);box-shadow:0 0 0 3px rgba(242,185,72,.2)}.calculator-form-advanced .calculator-keypad{grid-template-columns:repeat(5,1fr)}
.calculator-form-basic .calculator-source-fields{display:none}
.calculator-form-advanced .calculator-expression-label{display:block;margin-bottom:12px}.calculator-form-advanced .calculator-expression-label input{height:42px}
.calculator-form-advanced .calculator-screen-wrap{position:relative;margin-bottom:18px}
.calculator-form-advanced .calculator-screen-wrap .calculator-screen{margin:0;min-height:116px;padding:24px 26px 16px;border-radius:16px;background:var(--ink);border-color:#587063;font-size:clamp(38px,5vw,54px)}
.calculator-form-advanced .calculator-history{position:absolute;z-index:1;top:13px;left:18px;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:#a4b4aa;font:26px/1 var(--sans);cursor:pointer}
.calculator-form-advanced .calculator-history:hover,.calculator-form-advanced .calculator-history:focus-visible{color:var(--saffron);background:rgba(255,255,255,.08);outline:0}
.calculator-form-advanced .calculator-keypad{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:0}
.calculator-form-advanced .calculator-key{min-height:52px;border-radius:28px;border-color:transparent;background:#e7efe8;font-size:18px}
.calculator-form-advanced .calculator-key.function{background:#dfe9e1;color:var(--green-deep);font-size:16px}
.calculator-form-advanced .calculator-key.operator{background:#e1eee4;color:var(--green);font-size:21px}
.calculator-form-advanced .calculator-key.quiet{background:#fff0e8;color:var(--coral);font-size:15px}
.calculator-form-advanced .calculator-key.equals{grid-column:auto;background:var(--saffron);color:var(--ink);border-color:var(--saffron);font-size:21px}
.calculator-form-advanced .calculator-key.active,.calculator-form-advanced .calculator-angle.active{background:var(--green);color:var(--white)}
.calculator-form-advanced .calculator-angle-toggle{grid-column:span 2;display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;min-height:52px;border-radius:28px;background:#e1e9e2;overflow:hidden}
.calculator-form-advanced .calculator-angle{height:100%;border:0;background:transparent;color:var(--ink);font:600 16px var(--sans);cursor:pointer}
.calculator-form-advanced .calculator-angle-toggle>span{height:30px;background:#9ab0a0}
.calculator-form-advanced .calculator-angle:hover,.calculator-form-advanced .calculator-angle:focus-visible{outline:0;color:var(--green)}
.calculator-form-advanced .calculator-angle.active:hover{color:var(--white)}
@media(max-width:430px){.calculator-form .calculator-keypad{gap:6px}.calculator-form .calculator-key{min-height:40px}.calculator-form-advanced .calculator-keypad{grid-template-columns:repeat(5,1fr)}.calculator-form-advanced .calculator-expression-display{font-size:19px}}
.loan-schedule{margin-top:18px;padding:26px}.loan-schedule .result-header{margin-bottom:18px}.schedule-note{font-size:11px;color:var(--muted)}.table-scroll{overflow-x:auto}.loan-schedule table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.loan-schedule th,.loan-schedule td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:right}.loan-schedule th:first-child,.loan-schedule td:first-child{text-align:left}.loan-schedule thead th{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.loan-schedule tbody th{font-weight:600;color:var(--green)}
.seo-copy{margin-top:18px;border:1px solid var(--line);border-radius:12px;background:rgba(255,254,250,.65);padding:29px}.seo-copy h2{font:600 27px/1.1 var(--display);letter-spacing:-.05em;margin:0 0 15px}.seo-copy h3{font:600 18px/1.2 var(--display);margin:25px 0 9px}.seo-copy p{font-size:14px;line-height:1.65;color:var(--muted);max-width:720px}.faq-section details{border-top:1px solid var(--line);padding:15px 0}.faq-section details:last-child{border-bottom:1px solid var(--line)}.faq-section summary{cursor:pointer;font:600 15px var(--display);color:var(--ink)}.faq-section details p{margin:10px 0 0}.category-page .seo-copy{max-width:850px;margin:0 0 28px}.category-page .category-lede+.seo-copy{margin-top:-24px}
