@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 1000;font-display:swap;src:url('/assets/dm-sans.woff2') format('woff2')}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fraunces.woff2') format('woff2')}
:root{--paper:#f7f7f0;--white:#fff;--ink:#233e36;--body:#536159;--green:#21483f;--green-dark:#173b32;--lime:#dceca6;--line:#dedfd4;--sage:#e7ecde;--sand:#f0e9dc;--blue:#e6ebeb;--radius:18px;--serif:'Fraunces',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #648759;outline-offset:5px}input:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:2px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:450;letter-spacing:-.045em;line-height:1.1}h3{line-height:1.25}em{font-weight:400;font-style:italic}img{max-width:100%}button{border:0}a:hover{color:#486641}.container{max-width:1200px;width:calc(100% - 96px);margin-inline:auto}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:700;line-height:1.5}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:8px;left:8px;background:var(--green);color:white;padding:10px;z-index:100;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:10}.header-inner{height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:inline-flex;align-items:center;gap:11px;font-size:21px;font-weight:700;letter-spacing:-.8px;line-height:1}.brand-second{font-weight:400}.brand-dot{color:#658447}.brand-symbol{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--green);color:var(--paper);border-radius:8px;width:32px;height:34px;padding:5px;font:700 12px/12px var(--sans);text-align:center;transform:rotate(-4deg)}.brand-symbol span:last-child{color:var(--lime)}.desktop-nav{display:flex;gap:31px;font-size:13px;font-weight:500}.desktop-nav .active{border-bottom:1px solid var(--green)}.header-link{font-size:12px;font-weight:650;display:flex;gap:16px;align-items:center;padding:10px 0}.header-link>span{font-size:18px}.pill{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:.11em;border:1px solid var(--line);padding:6px 12px;border-radius:50px;color:var(--green);line-height:1.7}.status-dot,.small-dot{display:inline-block;width:6px;height:6px;background:#729359;border-radius:50%}.button{display:inline-flex;align-items:center;justify-content:center;gap:27px;padding:14px 23px;border-radius:7px;font-size:13px;font-weight:600;line-height:1.5;transition:background .15s,transform .15s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--green);color:var(--white)}.button.primary:hover{background:#30594c}.button.secondary{border:1px solid var(--green);color:var(--green);background:transparent}.button.secondary:hover{background:var(--sage)}.button span{font-size:18px;line-height:1}.home-hero{display:flex;gap:60px;align-items:center;padding-top:80px;padding-bottom:86px}.hero-copy{flex:1.2}.hero-copy h1{font-size:clamp(46px,5vw,69px);margin:24px 0 24px;max-width:660px}.hero-copy h1 em{color:#6b8154}.hero-copy>p{font-size:15px;line-height:1.85;color:var(--body);margin-bottom:30px}.hero-proof{display:flex;gap:21px;font-size:11px;color:#59645a;margin-top:24px}.hero-proof span span{color:#58763d;margin-right:5px}.hero-visual{flex:.85;position:relative;max-width:435px;padding-top:17px}.preview-card{background:white;border:1px solid #dedfd6;border-radius:17px;padding:25px 28px 20px;box-shadow:0 14px 40px -15px #263e3226;transform:rotate(2deg)}.preview-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.preview-heading .eyebrow{font-size:9px;color:#6e7b68}.preview-dots{letter-spacing:2px;font-size:16px;color:#81907e}.preview-card h2{font-size:26px;letter-spacing:-1px;line-height:1.2;margin-bottom:20px}.preview-inputs{display:flex;align-items:center;gap:11px;margin-bottom:22px}.preview-inputs>span:not(.preview-plus){background:#f7f8f3;border:1px solid #e2e4db;border-radius:7px;padding:10px 18px;flex:1;font-size:25px;font-weight:500}.preview-inputs .preview-plus{font-family:var(--serif);font-size:20px;font-style:italic;color:#7d896e}.preview-answer{background:var(--green);color:#f5f6e9;padding:19px 23px;border-radius:10px}.preview-answer>span{font-size:8px;letter-spacing:.1em;color:#d0dec5;font-weight:600}.preview-answer strong{display:flex;justify-content:space-between;align-items:center;font:450 69px/1.2 var(--serif);margin:8px 0}.preview-answer strong span{font:300 27px var(--sans);background:#365b50;border-radius:50%;width:43px;height:43px;display:flex;justify-content:center;align-items:center;color:var(--lime)}.preview-answer p{margin-bottom:0;font-size:11px;color:#d9e4d0}.preview-footer{font-size:9px;color:#76816c;margin-top:18px;display:flex;gap:8px}.mini-stamp{width:85px;height:85px;position:absolute;z-index:1;right:-30px;top:-13px;background:var(--lime);border:5px solid var(--paper);border-radius:50%;transform:rotate(14deg);font-size:8px;line-height:1.2;font-weight:700;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;letter-spacing:.07em}.mini-stamp span{font:25px var(--serif);line-height:1.1;margin-bottom:3px}.visual-caption{font-size:11px;color:#718065;text-align:right;font-style:italic;margin-top:17px;transform:rotate(2deg)}.visual-caption span{margin-right:7px;font-size:17px}.tool-section{border-top:1px solid var(--line);padding-top:51px;padding-bottom:49px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:30px}.section-heading .eyebrow{color:#6f7b62}.section-heading h2{font-size:36px;margin:11px 0 0;line-height:1.15}.section-heading p{font-size:13px;color:var(--body);margin:0 5px 4px 0}.section-heading>a{font-size:12px;font-weight:600;margin-bottom:5px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card{border:1px solid #d4dacc;border-radius:12px;padding:23px 24px;display:flex;flex-direction:column;min-height:264px;transition:transform .18s,box-shadow .18s;color:var(--ink)}.tool-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px -10px #223e3420;color:var(--ink)}.sage{--tint:var(--sage);background:var(--sage)}.sand{--tint:var(--sand);background:var(--sand)}.blue{--tint:var(--blue);background:var(--blue)}.card-top{display:flex;align-items:center;gap:12px;margin-bottom:26px}.tool-symbol{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff70;color:var(--green);font:500 26px var(--serif);flex-shrink:0}.card-category{font-size:10px;color:#5f6a5a;font-weight:500}.card-top>span:last-child{margin-left:auto;font-size:19px}.tool-card h3{font-size:20px;letter-spacing:-.55px;margin-bottom:11px;font-weight:600}.tool-card p{font-size:12px;line-height:1.75;color:#5b675c;margin-bottom:19px;max-width:255px}.card-bottom{font-size:11px;font-weight:650;display:flex;justify-content:space-between;margin-top:auto;border-top:1px solid #4c65521c;padding-top:15px}.tool-section-foot{display:flex;align-items:center;gap:7px;font-size:10px;color:#6d7764;margin-top:21px}.tool-section-foot>a{margin-left:auto;color:var(--green);font-weight:500}.how-section{background:var(--green);color:#f4f5e8;margin-top:10px}.how-inner{display:flex;padding-top:51px;padding-bottom:53px;gap:85px}.how-intro{width:28%;flex-shrink:0}.how-intro .eyebrow{color:#c7d1b9}.how-intro h2{font-size:40px;margin:15px 0 19px}.how-intro h2 em{color:var(--lime)}.how-intro p{font-size:12px;color:#ced8c8;margin-bottom:0}.how-steps{display:flex;gap:28px;align-items:center}.how-steps>div{flex:1}.how-steps>div>span{font:400 26px var(--serif);color:#c5d2ab;display:block;padding-bottom:24px;border-bottom:1px solid #a9b8a638;margin-bottom:19px}.how-steps h3{font-size:15px;font-weight:500;letter-spacing:-.3px}.how-steps p{font-size:11px;color:#ccd5c6;line-height:1.85;max-width:180px;margin-bottom:0}.closing-note{display:flex;align-items:center;justify-content:center;gap:36px;padding-top:51px;padding-bottom:51px}.closing-icon{font-size:49px;color:#719556}.closing-note p{font:450 24px/1.25 var(--serif);letter-spacing:-.6px;margin:0}.closing-note .button{margin-left:32px;font-size:12px}.site-footer{border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;gap:40px;padding-top:41px;padding-bottom:34px}.footer-top .wordmark{font-size:19px}.footer-top>div>p{font-size:11px;color:#747d6b;margin-top:16px;line-height:1.8}.footer-tools,.footer-note{display:flex;flex-direction:column}.footer-tools .eyebrow,.footer-note .eyebrow{color:#6b775e;font-size:9px;margin-bottom:12px}.footer-tools>a{font-size:11px;line-height:2.2}.footer-note p{font-size:11px;line-height:1.85;color:#6c7762;margin-bottom:10px}.text-button{padding:0;background:transparent;text-align:left;font-size:10px;color:var(--green)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;color:#7c836f;border-top:1px solid var(--line);padding-top:15px;padding-bottom:22px}.footer-bottom>a{color:#4d6244}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:10px;color:#74806b;margin-top:32px;margin-bottom:32px}.breadcrumbs [aria-current]{color:var(--green)}.category-hero{padding-bottom:42px}.category-hero h1{font-size:63px;margin:24px 0 23px}.category-hero>p{font-size:15px;color:var(--body)}.category-tools{padding-bottom:65px}.category-explainer{margin-top:47px;max-width:800px}.category-explainer h2{font-size:30px}.category-explainer p{font-size:14px;color:var(--body)}.category-explainer a{text-decoration:underline;text-underline-offset:3px}.tool-hero{max-width:860px;margin-bottom:32px}.tool-hero h1{font-size:50px;margin:20px 0 17px}.tool-hero>p{font-size:14px;color:var(--body);line-height:1.85;max-width:780px}.calculator-shell{display:flex;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:58px;background:white;box-shadow:0 12px 35px -22px #1e3f3324;scroll-margin-top:30px}.calculator-form-side{width:53%;padding:31px 34px;background:#fdfdf8}.calculator-title{display:flex;gap:14px;align-items:center;margin-bottom:25px}.calculator-title .tool-symbol{background:var(--tint);width:47px;height:47px}.calculator-title .eyebrow{font-size:9px;color:#68795e}.calculator-title h2{font-family:var(--sans);font-size:21px;letter-spacing:-.5px;font-weight:550;margin:5px 0 0}.calculator-form-side label{font-size:12px;font-weight:600;display:block;margin-bottom:9px}.calculator-form-side textarea,.calculator-form-side input{width:100%;border:1px solid #ccd2c3;border-radius:8px;background:white;padding:15px 17px;font-size:22px;color:var(--green);resize:vertical;line-height:1.5}.calculator-form-side textarea{min-height:80px}.calculator-form-side input{height:62px}.calculator-form-side [aria-invalid="true"]{border-color:#a0483c}.input-hint{font-size:10px;line-height:1.75;color:#6d7964;margin:8px 0 18px}.input-error{font-size:12px;background:#fff1eb;color:#993f30;border-radius:6px;padding:9px 12px;margin:12px 0;line-height:1.6}.form-actions{display:flex;align-items:center;gap:22px}.form-actions .button{min-width:157px}.reset-button{font-size:12px;background:transparent;color:#5c6d52;padding:10px}.example-options{margin-top:24px;border-top:1px solid #e1e4da;padding-top:18px}.example-options>span{font-size:10px;color:#6c795f;display:block;margin-bottom:9px}.example-options>div{display:flex;flex-wrap:wrap;gap:7px}.example-options button{font-size:10px;background:#f0f3e8;border:1px solid #dde3d0;border-radius:5px;padding:5px 10px;color:#47613c}.example-options button:hover{background:#e0e8ce}.private-note{font-size:9px;color:#758167;margin:19px 0 0;display:flex;gap:6px;align-items:center}.private-note>span{font-size:15px}.calculator-result-side{width:47%;background:var(--green);padding:31px 34px;color:#f9faee;display:flex;flex-direction:column;min-width:0}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.result-heading .eyebrow{font-size:9px;color:#ccd9bf}.copy-button{background:#3d6356;color:#e7f0d7;font-size:10px;border-radius:5px;padding:5px 11px;white-space:nowrap}.copy-button span{font-size:14px;margin-left:5px}.calculator-result-side output{display:block;font:450 clamp(45px,5vw,73px)/1.15 var(--serif);overflow-wrap:anywhere;letter-spacing:-.04em;margin-bottom:14px}.calculator-result-side>p:not(.result-footnote){font-size:12px;color:#d5dfce;line-height:1.8;overflow-wrap:anywhere}.working{border-top:1px solid #88a38c45;padding-top:19px;margin-top:6px}.working h3{font-size:12px;font-weight:500;margin-bottom:11px}.working ol{padding-left:20px;margin:0;font-size:11px;color:#cfdbbf;line-height:1.9;max-height:245px;overflow:auto;overflow-wrap:anywhere;scrollbar-color:#88a38c #21483f}.working li{padding-left:3px;padding-bottom:4px}.result-footnote{font-size:9px;color:#b4c6a9;margin-top:auto;padding-top:21px;margin-bottom:0}.mode-switch{display:flex;gap:4px;padding:4px;border-radius:7px;background:#ebeee5;margin-bottom:22px}.mode-switch button{background:transparent;padding:9px 10px;flex:1;font-size:10px;color:#5d6c52;border-radius:5px}.mode-switch .selected{background:white;box-shadow:0 1px 4px #344b3015;color:var(--green);font-weight:600}.educational-layout{display:flex;align-items:flex-start;gap:65px;margin-bottom:64px}.contents-nav{width:235px;flex-shrink:0;position:sticky;top:30px}.contents-nav .eyebrow{font-size:9px;color:#788669}.contents-nav nav{display:flex;flex-direction:column;gap:15px;margin-top:20px;border-left:1px solid #d2dbc6;padding-left:17px}.contents-nav nav>a{font-size:11px;line-height:1.6;color:#66775a}.contents-nav nav>a:hover{color:var(--green)}.aside-note{margin-top:38px;background:#edf1e3;border-radius:10px;padding:21px}.aside-note>span{font-size:25px;color:#719159}.aside-note p{font-family:var(--serif);font-size:18px;line-height:1.5;margin:8px 0 0;letter-spacing:-.35px}.educational-content{flex:1;min-width:0;max-width:800px}.educational-content>section{margin-bottom:35px;scroll-margin-top:35px}.educational-content h2{font-size:29px;line-height:1.25;margin-bottom:18px;letter-spacing:-.7px}.educational-content p{font-size:13px;line-height:1.95;color:#5d6c54}.formula{background:#eaf0df;border-left:3px solid #7e9b59;border-radius:0 6px 6px 0;padding:16px 20px;font-family:var(--serif);font-size:22px;letter-spacing:-.2px;margin:21px 0;overflow-wrap:anywhere}.explanation-steps{padding-left:21px;font-size:13px;color:#5d6c54;line-height:1.9}.explanation-steps li{padding-left:6px;margin-bottom:10px}.faq-section{border-top:1px solid var(--line);padding-top:27px}.faq-section .eyebrow{font-size:9px;color:#718360}.faq-section h2{margin:12px 0 24px}.faq-section details{border-bottom:1px solid var(--line)}.faq-section summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;font-size:12px;font-weight:600;padding:17px 0;list-style:none}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary span{font-size:21px;font-weight:400;flex-shrink:0}.faq-section details[open] summary span{transform:rotate(45deg)}.faq-section details p{margin:0 25px 18px 0;font-size:12px}.source-note{border-top:1px solid var(--line);padding-top:16px;font-size:10px!important}.source-note>a{text-decoration:underline;text-underline-offset:3px}.related-tools{padding-top:34px;padding-bottom:63px;border-top:1px solid var(--line)}.related-tools .section-heading h2{font-size:31px}.related-tools .tool-card{min-height:245px}.not-found{padding-top:80px;padding-bottom:90px}.not-found h1{font-size:60px;margin:25px 0}.not-found p{color:var(--body)}dialog{max-width:520px;width:calc(100% - 36px);padding:30px;border:1px solid var(--line);border-radius:15px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#15392bb0;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:flex-start;gap:20px;justify-content:space-between}.dialog-heading h2{font-size:29px}.dialog-heading button{background:var(--sage);border-radius:50%;width:29px;height:29px;font-size:21px;line-height:1}.dialog-heading~p{font-size:13px;color:var(--body)}
@media(min-width:1500px){.container{max-width:1260px}.home-hero{padding-top:95px;padding-bottom:100px}.hero-copy h1{font-size:75px}.hero-visual{max-width:450px}}
@media(max-width:1050px){.container{width:calc(100% - 64px)}.home-hero{gap:35px}.hero-copy h1{font-size:55px}.hero-proof{gap:12px;font-size:10px}.mini-stamp{right:-18px}.hero-visual{max-width:350px}.preview-card{padding:23px}.how-inner{gap:40px}.how-steps{gap:22px}.tool-card{padding:21px 20px}.tool-card h3{font-size:18px}.card-category{font-size:9px}.card-top{gap:8px}.educational-layout{gap:40px}.contents-nav{width:210px}.calculator-form-side,.calculator-result-side{padding:27px}.tool-hero h1{font-size:43px}}
@media(max-width:800px){.container{width:calc(100% - 44px)}.header-inner{height:76px;gap:16px}.desktop-nav{display:none}.wordmark{font-size:20px}.header-link{font-size:11px;gap:8px}.home-hero{padding-top:43px;padding-bottom:48px;gap:27px}.hero-copy h1{font-size:43px}.hero-copy>p{font-size:12px}.hero-proof{flex-wrap:wrap;gap:5px 13px;font-size:9px}.hero-visual{flex:1;max-width:290px}.preview-card{padding:21px 19px}.preview-card h2{font-size:22px}.preview-answer{padding:16px 18px}.preview-answer strong{font-size:54px}.preview-answer>span{font-size:7px}.preview-footer{font-size:7px}.mini-stamp{width:71px;height:71px;font-size:6px;right:-8px;top:-11px}.tool-grid{gap:12px}.tool-card{padding:18px 15px;min-height:275px}.tool-symbol{width:35px;height:35px;font-size:23px}.card-category{display:none}.tool-card h3{font-size:17px}.tool-card p{font-size:11px}.card-bottom{font-size:10px}.section-heading h2{font-size:31px}.section-heading p{font-size:11px}.tool-section-foot{font-size:9px}.how-inner{gap:30px}.how-intro{width:29%}.how-intro h2{font-size:34px}.how-steps{gap:20px}.how-steps h3{font-size:13px}.how-steps p{font-size:10px}.closing-note{gap:22px}.closing-note p{font-size:21px}.closing-note .button{margin-left:0}.footer-top{gap:30px}.footer-note{max-width:175px}.footer-top .wordmark{font-size:17px}.footer-top .brand-symbol{width:27px;height:29px;font-size:11px;padding:3px}.footer-bottom{font-size:8px}.category-hero h1{font-size:52px}.contents-nav{display:none}.educational-content{max-width:none}.tool-hero h1{font-size:39px}.calculator-shell{margin-bottom:38px}.calculator-title h2{font-size:18px}.calculator-title{gap:11px}.calculator-form-side,.calculator-result-side{padding:23px}.calculator-form-side{width:54%}.calculator-result-side{width:46%}.working ol{font-size:10px}.form-actions{gap:10px}.form-actions .button{min-width:130px}.example-options button{font-size:9px}}
@media(max-width:600px){.container{width:calc(100% - 36px)}.header-inner{height:71px;gap:8px}.wordmark{font-size:18px;gap:8px}.brand-symbol{width:29px;height:31px}.header-link{font-size:10px;gap:5px;max-width:96px;text-align:right;line-height:1.3}.header-link span{font-size:16px;flex-shrink:0}.home-hero{display:block;padding-top:35px;padding-bottom:35px}.hero-copy h1{font-size:50px;margin:22px 0}.hero-copy>p{font-size:14px;line-height:1.8}.hero-copy .button{font-size:12px}.hero-proof{font-size:10px;gap:16px;margin-top:22px}.hero-visual{max-width:340px;width:85%;margin:39px auto 0}.preview-card{padding:23px 24px}.preview-card h2{font-size:25px}.preview-answer strong{font-size:61px}.preview-answer>span{font-size:8px}.preview-footer{font-size:9px}.mini-stamp{width:77px;height:77px;font-size:7px;right:-19px}.visual-caption{font-size:10px}.tool-section{padding-top:32px;padding-bottom:32px}.section-heading{display:block;margin-bottom:24px}.section-heading h2{font-size:32px}.section-heading p{margin-top:16px;font-size:12px}.tool-grid,.tool-grid.two{grid-template-columns:1fr;gap:13px}.tool-card{padding:22px;min-height:230px}.card-top{margin-bottom:20px;gap:12px}.tool-symbol{width:40px;height:40px}.card-category{display:block;font-size:10px}.tool-card h3{font-size:20px}.tool-card p{font-size:12px;max-width:100%}.card-bottom{font-size:11px}.tool-section-foot{flex-wrap:wrap;line-height:1.8;gap:6px;font-size:9px;margin-top:18px}.tool-section-foot>a{margin-left:0;width:100%;margin-top:6px}.how-inner{display:block;padding-top:38px;padding-bottom:40px}.how-intro{width:auto}.how-intro h2{font-size:39px;margin-bottom:16px}.how-intro p{font-size:12px}.how-steps{display:block;margin-top:25px}.how-steps>div{display:grid;grid-template-columns:34px 1fr;gap:2px 15px;padding-top:21px;margin-top:17px;border-top:1px solid #a9b8a638}.how-steps>div>span{grid-row:span 2;border:0;padding:0;margin:0;font-size:24px}.how-steps h3{font-size:15px;margin:0 0 7px}.how-steps p{font-size:12px;max-width:none}.closing-note{flex-wrap:wrap;justify-content:flex-start;gap:19px;padding-top:36px;padding-bottom:35px}.closing-icon{font-size:38px}.closing-note p{font-size:23px}.closing-note .button{margin-left:57px;padding:11px 17px;font-size:11px}.footer-top{flex-wrap:wrap;padding-top:31px;gap:24px 30px}.footer-top>div:first-child{width:100%}.footer-top .wordmark{font-size:19px}.footer-tools,.footer-note{flex:1;max-width:none}.footer-tools>a{font-size:10px}.footer-note p{font-size:10px}.footer-note .text-button{font-size:9px}.footer-top>div:first-child>p{margin-top:10px;margin-bottom:0}.footer-bottom{flex-wrap:wrap;gap:6px 20px;font-size:9px}.footer-bottom>span:nth-child(2){order:3;width:100%}.footer-bottom>a{margin-left:auto}.breadcrumbs{font-size:9px;gap:8px;margin-top:24px;margin-bottom:25px}.tool-hero{margin-bottom:23px}.tool-hero .pill{font-size:8px}.tool-hero h1{font-size:36px;margin:20px 0 16px;line-height:1.15}.tool-hero>p{font-size:13px;line-height:1.9}.calculator-shell{display:block;border-radius:12px;margin-bottom:37px}.calculator-form-side,.calculator-result-side{width:100%;padding:25px 22px}.calculator-title h2{font-size:20px}.calculator-title .tool-symbol{width:44px;height:44px}.calculator-title .eyebrow{font-size:8px}.calculator-form-side textarea{font-size:22px}.input-hint{font-size:10px}.form-actions .button{font-size:12px;min-width:147px}.example-options{margin-top:21px}.example-options button{font-size:10px}.private-note{font-size:9px}.calculator-result-side output{font-size:66px}.calculator-result-side>p:not(.result-footnote){font-size:12px}.working ol{font-size:11px;max-height:240px}.result-footnote{font-size:9px;margin-top:13px;padding-top:10px}.mode-switch button{font-size:10px}.educational-layout{margin-bottom:37px}.educational-content h2{font-size:27px;line-height:1.2}.educational-content p{font-size:13px;line-height:1.9}.educational-content>section{margin-bottom:29px}.formula{font-size:20px;padding:14px 17px}.explanation-steps{font-size:13px}.faq-section summary{font-size:12px;line-height:1.6;padding:16px 0}.faq-section details p{font-size:12px;margin-right:0}.related-tools{padding-top:29px;padding-bottom:38px}.related-tools .section-heading h2{font-size:29px;margin-bottom:17px}.related-tools .section-heading>a{display:inline-block;font-size:11px}.category-hero{padding-bottom:24px}.category-hero h1{font-size:45px}.category-hero>p{font-size:13px}.category-hero .pill{font-size:8px}.category-tools{padding-bottom:36px}.category-explainer{margin-top:33px}.category-explainer h2{font-size:27px}.category-explainer p{font-size:13px}.not-found{padding-top:55px;padding-bottom:65px}.not-found h1{font-size:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.generated-brand{display:block;width:40px;height:40px;border-radius:9px;object-fit:contain}

/* Live calculators and expanded teaching tools retain the existing editorial style. */
[hidden]{display:none!important}
select{font:inherit;color:var(--green)}
select:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.live-badge{display:inline-flex;align-items:center;gap:6px;font-size:9px;color:#5c7450;white-space:nowrap}
.form-actions{flex-wrap:wrap}
.paired-answer{border:1px solid #86a18c55;background:#ffffff08;padding:13px 16px;border-radius:9px;margin:3px 0 17px;overflow-wrap:anywhere}
.paired-answer .eyebrow{color:#c6d8b4;font-size:9px;display:block}
.paired-answer strong{display:block;font:450 30px/1.3 var(--serif);margin:6px 0}
.paired-answer p{font-size:10px;margin:0;color:#cbdac0}
.roman-output{font-family:Georgia,'Times New Roman',serif!important;line-height:1.55!important;letter-spacing:0!important;padding-top:8px;font-size:clamp(28px,4vw,55px)!important}
.notation-note{font-size:10px!important;color:#cbdabf!important}
.roman-jump{font-size:11px;color:var(--green);margin:17px 0 0;text-decoration:underline;text-underline-offset:3px}
.overline-tools{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}
.overline-tools span{width:100%;font-size:10px;color:var(--body)}
.overline-tools button{background:var(--blue);color:var(--green);border-radius:5px;padding:7px 10px;font-size:10px}
.method-section{margin:0 0 58px;max-width:940px}
.method-intro h2,.date-intro h2{font-size:32px;margin:12px 0 16px}
.method-intro p,.date-intro p{font-size:13px;color:var(--body);max-width:760px}
.method-accordion{background:#fdfdf8;border:1px solid var(--line);border-radius:10px;margin-bottom:12px}
.method-accordion summary{display:flex;justify-content:space-between;gap:20px;align-items:center;list-style:none;font-size:14px;font-weight:600;padding:19px 22px;cursor:pointer}
.method-accordion summary::-webkit-details-marker{display:none}
.method-accordion summary span{font-size:24px;line-height:1;flex-shrink:0;font-weight:400}
.method-accordion[open] summary span{transform:rotate(45deg)}
.method-body{border-top:1px solid var(--line);padding:18px 22px;overflow-wrap:anywhere}
.method-body ol{padding-left:23px;font-size:13px;line-height:1.9;color:var(--body);margin:0}
.method-body li{margin-bottom:7px;padding-left:4px}
.method-notice{padding:10px 13px;background:var(--sand);border-radius:6px;font-size:12px;color:var(--body)}
.method-limit{font-size:10px;color:var(--body);margin-top:16px}
.date-converter{border:1px solid var(--line);background:#fdfdf8;border-radius:var(--radius);padding:32px;margin-bottom:58px}
.date-layout{display:flex;gap:40px;margin-top:28px;align-items:flex-start}
.date-layout>form{flex:1;min-width:0}
.date-fields{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:12px}
.date-options{display:grid;grid-template-columns:1.5fr 1fr;gap:12px;margin-top:19px}
.date-converter label{font-size:12px;font-weight:600;display:block;margin-bottom:8px}
.date-converter input,.date-converter select{width:100%;border:1px solid #ccd2c3;border-radius:7px;background:white;padding:12px;color:var(--green)}
.date-converter input{font-size:21px}
.date-converter select{font-size:11px;height:46px}
.date-converter [aria-invalid="true"]{border-color:#a0483c}
.date-result{flex:1;min-width:0;background:var(--blue);border-radius:12px;padding:23px}
.date-result>output{display:block;font:400 31px/1.6 Georgia,'Times New Roman',serif;overflow-wrap:anywhere;margin:15px 0 10px}
.date-result>p{font-size:12px;color:var(--body)}
.date-result>ol{font-size:11px;line-height:1.9;color:var(--body);padding-left:21px;margin-bottom:21px}
.date-disclaimer{font-size:11px;color:var(--body);margin:24px 0 0;max-width:830px}
@media(max-width:800px){.date-layout{gap:24px}.date-options{grid-template-columns:1fr}.date-intro h2{font-size:29px}.date-converter{padding:25px}.date-result>output{font-size:26px}}
@media(max-width:600px){.method-section{margin-bottom:38px}.method-intro h2{font-size:28px}.method-accordion summary{font-size:12px;padding:17px}.method-body{padding:16px}.date-converter{padding:22px 18px;margin-bottom:38px}.date-layout{display:block}.date-result{margin-top:25px}.date-options{grid-template-columns:1fr 1fr}.date-result>output{font-size:28px}.date-intro .pill{font-size:8px}}

/* Calculator-first pages: compact heading, then the input; explanations follow. */
.tool-page > .breadcrumbs{margin:14px 0 12px}
.tool-page > .compact-tool-hero{max-width:none;margin:0 0 18px}
.tool-page > .compact-tool-hero h1{font-size:clamp(28px,3.4vw,40px);line-height:1.16;margin:0}
.tool-page > .calculator-shell{margin-bottom:24px}
.tool-overview{max-width:860px;margin:0 0 38px}
.tool-overview > .pill{font-size:9px}
.tool-overview > p{font-size:13px;line-height:1.85;color:var(--body);margin:12px 0 0}
@media(max-width:600px){
  .tool-page > .breadcrumbs{margin:12px 0 9px}
  .tool-page > .compact-tool-hero{margin-bottom:14px}
  .tool-page > .compact-tool-hero h1{font-size:28px}
  .tool-page > .calculator-shell{margin-bottom:22px}
  .tool-overview{margin-bottom:30px}
}

/* Date & Time: a playful accent, still recognisably Calculator Haven. */
.rose{--tint:#f3e4e0;background:#f3e4e0}
.dating-shell{--tint:#f3e4e0}
.dating-shell .calculator-form-side{background:#fffaf7}
.dating-shell .calculator-title{margin-bottom:20px}
.dating-shell .calculator-title h2{font-size:20px}
.dating-shell input[type="date"]{min-width:0;font-size:18px;padding:12px;max-width:100%;appearance:none;-webkit-appearance:none}
.dating-field-label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}
.dating-end-options .mode-switch{margin-bottom:8px;background:#f0e7e2}
.dating-end-options .input-hint{margin-bottom:16px}
.dating-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:18px}
.dating-actions .button{padding:11px 17px;font-size:12px;gap:15px}
.dating-example-note{border-top:1px solid #e4d9d1;margin-top:22px;padding-top:17px}
.dating-example-note .eyebrow{font-size:9px;color:#83665e}
.dating-example-note p{font-size:11px;line-height:1.8;color:var(--body);margin:9px 0 0}
.dating-example-note strong{font-weight:550}
.dating-result{background:#513b43;color:#fff8f1}
.dating-result .copy-button{background:#71505c;color:#fff8f1}
.dating-result .result-heading .eyebrow{color:#ead4cd;letter-spacing:.09em}
.dating-result .result-footnote{color:#ddc6c1;line-height:1.8}
.dating-result .dating-duration{font-size:clamp(28px,3.3vw,43px);line-height:1.35;margin-bottom:15px;letter-spacing:-.025em}
.dating-range{font-size:11px;line-height:1.8;color:#ecdcd3;margin-bottom:16px}
.dating-celebration{padding:10px 13px;border-radius:7px;background:#ffffff12;font-size:12px;color:#fff6e8}
.dating-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 19px;border-block:1px solid #edd0c42b;padding:17px 0}
.dating-stats dt{font-size:9px;color:#e2c9c2;margin-bottom:7px}
.dating-stats dd{margin:0;font-size:19px;line-height:1.5;font-weight:500;overflow-wrap:anywhere}
.dating-stats>div:last-child dd{font-size:14px;padding-top:5px}
.dating-milestones{display:flex;flex-direction:column;gap:16px}
.dating-milestones>div{border:1px solid #edd0c42b;border-radius:8px;padding:14px 16px}
.dating-milestones .eyebrow{font-size:8px;color:#e3cbc4;display:block;margin-bottom:6px}
.dating-milestones strong{display:block;font:400 23px/1.3 var(--serif)}
.dating-milestones p{font-size:10px;line-height:1.8;color:#e4d1c9;margin:8px 0 0}
.dating-result textarea{width:100%;min-height:135px;border:1px solid #a88491;background:#fff8f4;color:#513b43;padding:12px;border-radius:7px;font-size:12px;margin-top:15px}
.dating-page .aside-note{background:#f3e4e0}
.dating-related{border-top:1px solid var(--line);padding:30px 0 50px;max-width:850px}
.dating-related h2{font-size:29px;margin-bottom:15px}
.dating-related p{font-size:13px;color:var(--body);line-height:1.9}
.dating-related p a{text-decoration:underline;text-underline-offset:3px}
.date-time-home{margin-top:25px;padding-top:27px;border-top:1px solid var(--line);display:flex;gap:32px;align-items:center}
.date-time-home>div:first-child{flex:1}
.date-time-home h3{font:450 29px/1.25 var(--serif);letter-spacing:-.7px;margin:10px 0}
.date-time-home p{font-size:12px;color:var(--body);line-height:1.9;max-width:420px;margin-bottom:12px}
.date-time-home .tool-card{flex:1;max-width:420px;min-height:240px}
.footer-tools .footer-category-link{font-size:9px;font-weight:700;letter-spacing:.1em;margin-top:12px;margin-bottom:4px;color:#6b775e}
@media(max-width:1050px) and (min-width:801px){.desktop-nav{gap:18px;font-size:12px}.header-inner{gap:16px}}
@media(max-width:600px){
  .dating-shell .calculator-title h2{font-size:18px}
  .dating-shell input[type="date"]{font-size:17px;height:53px}
  .dating-result .dating-duration{font-size:32px}
  .dating-milestones strong{font-size:22px}
  .dating-stats dd{font-size:21px}
  .date-time-home{display:block}
  .date-time-home .tool-card{margin-top:22px;max-width:none}
  .dating-related h2{font-size:27px}
}

/* Finance: compact inputs and full-cost estimates in the existing editorial system. */
.slate{--tint:#e3e9eb;background:#e3e9eb}
.finance-shell{--tint:#e3e9eb}
.finance-shell .calculator-form-side{background:#fafbf8}
.finance-shell .calculator-title{margin-bottom:12px}
.finance-shell .calculator-title h2{font-size:20px}
.finance-example-label{font-size:10px;line-height:1.75;color:#647572;margin:0 0 18px;max-width:430px}
.finance-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 16px}
.finance-field{min-width:0}
.finance-field.wide{grid-column:1/-1}
.finance-shell .finance-field label{font-size:10px;line-height:1.6;margin-bottom:7px}
.finance-field [data-finance-currency]{font-weight:400;color:#6c7a70}
.finance-shell .finance-field input{height:51px;font-size:20px;padding:11px 13px;min-width:0}
.finance-field select{width:100%;border:1px solid #ccd2c3;border-radius:7px;background:white;padding:11px;font-size:11px;min-height:44px}
.finance-field .input-hint{font-size:9px;margin:6px 0 0}
.finance-currency-field{display:grid;grid-template-columns:1fr 100px;align-items:center;gap:6px 12px;margin-top:2px;padding-top:12px;border-top:1px solid var(--line)}
.finance-currency-field .input-hint{grid-column:1/-1}
.finance-currency-field>label{margin:0!important}
.finance-form-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px}
.finance-form-actions .button{font-size:11px;padding:11px 17px}
.finance-result{background:#2c454d;color:#f6f8ef}
.finance-result .copy-button{background:#4a6670;color:#f3f8ef}
.finance-result .result-heading .eyebrow{color:#d2e0dd}
.finance-result-note{font-size:11px;line-height:1.85;color:#d4e1dc;margin-bottom:20px}
.finance-result output{font-size:clamp(38px,4.3vw,61px);line-height:1.2}
.finance-stats{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px 20px;border-top:1px solid #b0c7c633;padding-top:20px;margin:0 0 19px}
.finance-stats dt{font-size:9px;color:#c0d2cb;line-height:1.6;margin-bottom:6px}
.finance-stats dd{font-size:17px;line-height:1.5;margin:0;overflow-wrap:anywhere;font-weight:550}
.finance-stats>div:last-child dd{font-size:15px}
.finance-warning{background:#ffffff0b;border:1px solid #b0c7c62b;border-radius:7px;padding:12px;font-size:10px;line-height:1.8;color:#e8e8d5;margin:0 0 17px}
.finance-result .working{border-color:#b0c7c633}
.finance-result .working ol{color:#d1ded8;font-size:10px;max-height:200px}
.finance-result .result-footnote{color:#b9cfca;line-height:1.8}
.finance-result textarea{width:100%;min-height:145px;background:#f8fbf7;color:#2c454d;border:1px solid #b0c7c6;padding:12px;border-radius:7px;font-size:12px;margin-top:15px}
.finance-schedule-section{margin:0 0 44px}
.finance-schedule-section label{display:block;font-size:11px;margin-bottom:8px;font-weight:600}
.finance-schedule-section select{border:1px solid #ccd2c3;border-radius:6px;background:white;font-size:11px;padding:10px 13px;margin-bottom:18px;max-width:100%}
.finance-schedule-note{font-size:12px;color:var(--body);line-height:1.9;margin:0 0 17px}
.finance-table-scroll{overflow:auto;max-height:440px;border:1px solid var(--line);border-radius:7px;scrollbar-color:#96aea4 #eff2e8}
.finance-table-scroll:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.finance-table-scroll table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap;line-height:1.6;font-variant-numeric:tabular-nums}
.finance-table-scroll caption{text-align:left;caption-side:top;white-space:normal;background:#e9eeeb;color:var(--green);padding:13px 15px;font-size:10px;line-height:1.8}
.finance-table-scroll th,.finance-table-scroll td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:right}
.finance-table-scroll th:first-child{text-align:left}
.finance-table-scroll thead th{background:#eff3ed;font-size:10px;font-weight:650;position:sticky;top:0;z-index:1}
.finance-table-scroll tbody tr:nth-child(even){background:#f6f8f2}
.finance-download-row{display:flex;gap:25px;align-items:center;margin-top:16px}
.finance-download-row .button{font-size:11px;white-space:nowrap;padding:11px 17px}
.finance-download-row p{font-size:10px;line-height:1.8;color:var(--body);max-width:600px;margin:0}
.finance-page .aside-note{background:#e3e9eb}
.finance-sources h2{font-size:27px}
.finance-sources .source-note{margin-bottom:10px}
.finance-home{border-top:1px solid var(--line);padding-top:29px;margin-top:29px}
.finance-home .section-heading h3{font:450 31px/1.2 var(--serif);letter-spacing:-.8px;margin:10px 0}
.finance-home .tool-card{min-height:240px}
@media(min-width:801px) and (max-width:1050px){.desktop-nav{gap:13px;font-size:11px}.header-inner{gap:12px}.header-link{font-size:11px}}
@media(max-width:600px){
 .finance-shell .calculator-form-side,.finance-shell .calculator-result-side{padding:23px 20px}
 .finance-shell .calculator-title h2{font-size:18px}
 .finance-fields{gap:13px 12px}
 .finance-shell .finance-field input{font-size:18px;height:49px}
 .finance-shell .finance-field label{font-size:10px}
 .finance-result output{font-size:43px}
 .finance-stats{gap:15px 12px}
 .finance-stats dd{font-size:15px}
 .finance-download-row{display:block}
 .finance-download-row p{margin-top:12px}
 .finance-table-scroll th,.finance-table-scroll td{padding:10px 11px}
 .finance-schedule-section{margin-bottom:34px}
}

/* Preview edit wpe_0b227145d0db1c5df27e2e40: preserve the selected HELOC line break. */
.finance-page #heloc-draw-and-repayment .formula{white-space:pre-line}

/* Supplied Finance artwork: retain square proportions and leave other tool icons unchanged. */
.tool-symbol.finance-tool-symbol{background:transparent;padding:0}
.finance-tool-icon{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:1}

/* Static HCF/LCM answer pilots: direct answers first, then concise visible working. */
.answer-page .tool-hero{max-width:820px}.answer-page .tool-hero>.pill{font-size:9px}.answer-page .tool-hero>p{font-size:14px;color:var(--body);line-height:1.85;max-width:700px}
.answer-summary{border:1px solid #d6ddd0;border-radius:14px;background:#edf2e5;padding:29px 31px;margin:0 0 42px;display:flex;gap:38px;align-items:center}.answer-summary>div:first-child{flex:1}.answer-summary .eyebrow,.answer-working>.eyebrow,.answer-next .eyebrow{font-size:9px;color:#6a7c59}.answer-summary h2{font-size:34px;line-height:1.15;margin:9px 0 13px}.answer-summary p,.answer-working>p,.answer-note p{font-size:13px;line-height:1.9;color:var(--body);margin-bottom:0}.answer-card-grid{display:grid;grid-template-columns:repeat(2,minmax(145px,1fr));gap:11px;min-width:365px}.answer-card{background:#fff;border:1px solid #d8ded1;border-radius:9px;padding:17px}.answer-card .eyebrow{font-size:8px;color:#66785b;display:block}.answer-card strong{display:block;font:450 43px/1.15 var(--serif);letter-spacing:-.04em;margin:8px 0}.answer-card p{font-size:10px;line-height:1.65;color:#60705f;margin:0}.answer-working{max-width:820px;margin:0 0 39px}.answer-working h2,.answer-note h2{font-size:30px;line-height:1.2;margin:10px 0 17px}.factor-pairs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:21px 0}.factor-pairs>div{background:#fdfdf8;border:1px solid var(--line);border-radius:8px;padding:15px}.factor-pairs dt{font-size:10px;font-weight:700;color:#5f7352;margin-bottom:8px}.factor-pairs dd{font-size:12px;line-height:1.75;color:var(--body);margin:0;overflow-wrap:anywhere}.prime-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:21px 0}.prime-steps>div{background:#e9eee3;border-radius:8px;padding:16px}.prime-steps span{display:block;font-size:11px;color:#637460;margin-bottom:6px}.prime-steps strong{font:400 26px/1.3 var(--serif);letter-spacing:-.5px;overflow-wrap:anywhere}.answer-next{display:flex;justify-content:space-between;gap:28px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:29px 0;margin:43px 0}.answer-next h2{font-size:27px;margin:8px 0}.answer-next p{font-size:12px;color:var(--body);line-height:1.8;margin:0;max-width:520px}.answer-next-links{display:flex;gap:10px;flex-shrink:0}.answer-next-links .button{font-size:11px;padding:11px 14px;gap:10px;white-space:nowrap}.answer-note{max-width:820px;padding-bottom:58px}
@media(max-width:800px){.answer-summary{display:block;padding:25px;margin-bottom:35px}.answer-card-grid{margin-top:22px;min-width:0}.answer-summary h2{font-size:31px}.factor-pairs{grid-template-columns:1fr 1fr}.factor-pairs>div:last-child{grid-column:1/-1}.answer-next{align-items:flex-start;flex-direction:column}.answer-next-links{width:100%}.answer-next-links .button{flex:1}}
@media(max-width:600px){.answer-page .tool-hero>p{font-size:13px}.answer-summary{padding:21px 18px;margin-bottom:31px}.answer-summary h2{font-size:29px}.answer-card-grid,.prime-steps{grid-template-columns:1fr}.answer-card strong{font-size:39px}.answer-working{margin-bottom:31px}.answer-working h2,.answer-note h2{font-size:27px}.factor-pairs{grid-template-columns:1fr}.factor-pairs>div:last-child{grid-column:auto}.answer-next{margin:33px 0;padding:24px 0}.answer-next h2{font-size:25px}.answer-next-links{flex-direction:column}.answer-next-links .button{width:100%}.answer-note{padding-bottom:39px}}
