@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font:16px/1.5 'DM Sans',system-ui,sans-serif;color:#172a46;background:#f7f9fc;--blue:#285ff1;--navy:#132b50;--muted:#65748a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.wrap{max-width:1250px;margin:auto;padding:0 34px}header{background:#ffffffed;border-bottom:1px solid #e4eaf3;position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav nav{display:flex;gap:35px;font-size:.9rem;font-weight:600;color:#546581}.nav nav a:hover{color:var(--blue)}.nav-label{font-size:.83rem;color:white;background:var(--navy);padding:11px 17px;border-radius:8px;font-weight:650}.nav-label span{margin-left:16px}.intro{padding:49px 0 0;max-width:none}.intro-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:65px}.eyebrow{color:var(--blue);font-size:.73rem;font-weight:800;letter-spacing:.13em}.intro .eyebrow{margin:0 0 16px}.intro h1{font:800 clamp(2.5rem,4.5vw,3.65rem)/1.1 Manrope,system-ui,sans-serif;letter-spacing:-.065em;margin:0}.intro h1 span{color:var(--blue)}.intro-copy{color:var(--muted);font-size:1rem;line-height:1.7;margin:18px 0 0}.search-block{background:white;border:1px solid #dfe7f3;border-radius:18px;padding:25px 26px;box-shadow:0 14px 35px #12345e06}.search-title{font-weight:750;margin:0 0 13px;font-size:1rem}.search-hint{font-size:.79rem;color:#728198;margin:11px 0 0}input,select{width:100%;border:1px solid #d9e2ef;border-radius:9px;background:#fff;padding:13px;color:#152f50;outline:none}input:focus,select:focus{border-color:#3671ed;box-shadow:0 0 0 4px #e2ebff}button:focus-visible,a:focus-visible{outline:3px solid #8fafff;outline-offset:4px}#search{padding:16px 15px 16px 43px;background:#f7f9fe url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%237384a1' stroke-width='1.8'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E") no-repeat 14px center}.categories{display:flex;gap:8px;flex-wrap:wrap;margin-top:36px;border-bottom:1px solid #dfe6f0;padding-bottom:23px}.categories button{border:1px solid transparent;background:transparent;border-radius:8px;padding:10px 16px;font-size:.87rem;font-weight:650;color:#60718b;transition:background .15s,color .15s}.categories button:hover{background:#e9effa;color:#285ff1}.categories button.active{background:#e7eeff;color:#2256d5;border-color:#d4e1ff}.section-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:26px 0 20px}.section-head h2{font:800 1.23rem Manrope,system-ui,sans-serif;letter-spacing:-.035em;margin:0}.section-head span{font-size:.8rem;color:#667993;background:#ebeff6;padding:5px 11px;border-radius:100px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.card{background:white;border:1px solid #e0e7f1;border-radius:13px;text-align:left;padding:23px 24px 25px;display:block;color:inherit;transition:transform .18s,box-shadow .18s,border .18s;min-height:181px;position:relative}.card:hover{transform:translateY(-4px);border-color:#bed0f7;box-shadow:0 12px 28px #2449790c}.card-top{display:flex;align-items:center;gap:11px}.category-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:#eaf0ff;color:#3263dd;font-size:1.52rem;font-weight:700;line-height:1;flex-shrink:0}.category-icon[data-category="Finance"]{color:#0b8a72;background:#e3f6ef}.category-icon[data-category="Health"]{color:#c5456c;background:#fdebf0}.category-icon[data-category="Construction"]{color:#ac6a12;background:#fff2dc}.category-icon[data-category="Conversions"]{color:#7951ce;background:#f0eaff}.category-icon[data-category="Everyday"]{color:#16849c;background:#e4f5fa}.card .cat{font-size:.78rem;font-weight:600;color:#70829b}.card .arrow{margin-left:auto;color:#9dafc4;transition:color .18s,transform .18s;font-size:1.1rem}.card:hover .arrow{color:#285ff1;transform:translate(2px,-2px)}.card h3{font:750 1.06rem Manrope,system-ui,sans-serif;margin:18px 0 7px;letter-spacing:-.025em}.card p{margin:0;color:#76859a;font-size:.875rem;line-height:1.6}.tool{scroll-margin-top:110px;margin-top:28px}.tool-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.tool-heading .eyebrow{margin:0}.tool-heading h2{font:800 2.2rem Manrope,system-ui,sans-serif;letter-spacing:-.05em;margin:8px 0}.tool-heading p:not(.eyebrow){color:#72839b;margin:0}.quiet{background:white;border:1px solid #dce5f1;border-radius:9px;padding:10px 14px;color:#527090;font-size:.84rem;font-weight:650}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.input-panel,.answer-panel{border:1px solid #dfe7f1;border-radius:17px;padding:32px;background:white}.panel-step{font-size:.72rem;font-weight:800;color:#8293aa;letter-spacing:.12em}.input-panel h3{font:750 1.2rem Manrope;margin:8px 0 26px}.answer-panel{background:#122d54;color:white;border-color:#122d54;box-shadow:0 16px 35px #112d5414}.answer-panel .eyebrow{color:#8eaeff}.field{margin-bottom:22px}.field label{display:block;font-size:.88rem;font-weight:600;margin-bottom:9px;color:#506782}#fields{display:grid;grid-template-columns:1fr 1fr;gap:0 19px}.field input{font-size:1.12rem;font-weight:650;padding:14px 13px;background:#fafbfe}#error{color:#b63c44;font-size:.85rem}.primary{background:var(--blue);border:0;border-radius:9px;padding:13px 17px;color:white;font-size:.88rem;font-weight:650;transition:background .15s}.primary:hover{background:#184bd1}.primary:disabled{opacity:.5;cursor:not-allowed}.value{font:800 clamp(2.3rem,4.5vw,3.55rem)/1.15 Manrope,system-ui,sans-serif;letter-spacing:-.055em;margin:25px 0 9px;overflow-wrap:anywhere}.label{color:#b4c6df;font-size:.92rem}.extra{margin:25px 0;color:#d5e1f2;font-size:.92rem;background:#ffffff08;border-radius:8px;padding:13px 15px}.extra:empty{display:none}.answer-panel details{border-top:1px solid #ffffff25;margin-top:29px;padding-top:19px;font-size:.9rem}.answer-panel summary{cursor:pointer;font-weight:650}.answer-panel details p{color:#bccce2;line-height:1.75}.review{color:#8fa8c9;font-size:.76rem;margin-top:22px}#comparison{background:#214572;border:1px solid #43618d;border-radius:11px;padding:19px;margin-top:24px;font-size:.93rem;line-height:1.9}#comparison strong{color:#82e3c7;font-size:1.02rem}#comparison small{display:block;color:#abc0dc;line-height:1.6;margin-top:7px}.method{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;padding:70px 45px 40px;margin:65px 0 35px;background:#eaf0f9;border-radius:18px}.method h2{font:800 2.25rem/1.2 Manrope,system-ui,sans-serif;letter-spacing:-.05em;margin:15px 0}.method article{margin-bottom:24px;border-bottom:1px solid #d6e0ef;padding-bottom:20px}.method article:last-child{border:0}.method article b{color:#285ff1;font-size:.8rem;float:left;margin-right:15px}.method article h3{font:750 1rem Manrope;margin:0 0 8px}.method article p{color:#687f9c;font-size:.9rem;line-height:1.6;margin:0}footer{border-top:1px solid #dce5f2;padding:28px 0;display:flex;justify-content:space-between;font-size:.83rem;color:#7b8da6;margin-top:28px}footer strong{font:800 1.15rem Manrope;color:#224369}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:1000px){.intro-grid{gap:30px}.wrap{padding:0 25px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-label{display:none}.method{gap:35px;padding:40px 30px}.search-block{padding:22px}.intro h1{font-size:3rem}}@media(max-width:700px){.intro-grid,.workspace,.method{grid-template-columns:1fr}.intro-grid{gap:26px}.intro-copy br{display:none}.intro{padding-top:34px}.intro h1{font-size:2.7rem}.search-block{box-shadow:none}.categories{margin-top:24px;gap:4px}.categories button{padding:9px 12px}.nav{height:68px}.nav nav{gap:18px;font-size:.84rem}.tool-heading{align-items:start}.method{gap:18px;margin-top:45px}.method h2{font-size:1.9rem}.value{font-size:3rem}}@media(max-width:480px){.wrap{padding:0 17px}.cards{grid-template-columns:1fr}.nav nav a:last-child{display:none}.card{min-height:0;padding:21px}.card h3{margin-top:14px}.tool-heading{display:block}.quiet{margin-top:17px}#fields{grid-template-columns:1fr}.input-panel,.answer-panel{padding:24px}.section-head h2{font-size:1.08rem}.section-head span{white-space:nowrap;font-size:.73rem}.method{padding:29px 23px}footer{display:block}footer span{display:block;margin-top:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.field.wide{grid-column:1/-1}.field textarea{font:inherit;min-height:95px;resize:vertical;width:100%;padding:13px;border:1px solid #d9e2ef;border-radius:9px;color:#152f50;background:#fafbfe}.field textarea:focus{outline:3px solid #e2ebff;border-color:#3671ed}.category-icon[data-category="Physics"],.category-icon[data-category="Statistics"]{color:#4c57c8;background:#ededff}.category-icon[data-category="Chemistry"],.category-icon[data-category="Biology"]{color:#007b83;background:#e0f6f5}.category-icon[data-category="Ecology"]{color:#398032;background:#eaf6e5}.category-icon[data-category="Food"]{color:#b26915;background:#fff1dd}.category-icon[data-category="Sports"]{color:#cc5947;background:#ffede8}#tool-source a{color:#b9cfff;text-decoration:underline;text-underline-offset:3px}#comparison small{overflow-wrap:anywhere;max-height:160px;overflow:auto}.categories{gap:5px}.categories button{padding:8px 12px}
.breadcrumbs{font-size:.85rem;color:#687e9c;margin:28px 0 22px}.breadcrumbs a,.guide a{color:#285ff1;text-decoration:underline;text-underline-offset:3px}.tool-heading h1{font:800 clamp(1.8rem,4vw,2.5rem)/1.2 Manrope,system-ui,sans-serif;letter-spacing:-.05em;margin:8px 0}.input-panel h2{font-size:1.2rem}.guide{max-width:850px;margin:45px auto;padding:30px 0;color:#455d7b;line-height:1.8}.guide h1,.guide h2{color:#172a46;line-height:1.3}.guide h1{font-size:2.3rem;letter-spacing:-.04em}.guide h2{margin-top:32px;font-size:1.35rem}.guide table{width:100%;border-collapse:collapse;background:white;font-size:.92rem}.guide td,.guide th{padding:12px 15px;border-bottom:1px solid #dfe7f1;text-align:left;overflow-wrap:anywhere}.guide td{max-width:250px}.example-result{background:#e9f1ff;padding:20px;border-radius:10px}.guide-meta{font-size:.85rem}.site-links{display:flex;flex-wrap:wrap;gap:20px;padding-top:30px;font-size:.86rem;color:#49678f}.category-list{list-style:none;padding:0}.category-list li{padding:15px 0;border-bottom:1px solid #dfe7f1}.category-list p{margin:4px 0}.category-list a{font-weight:700}.policy{margin-top:45px}.guide li{margin-bottom:10px}
/* Discovery continues after each calculation. */
body[data-calculator] .tool-heading{padding:9px 0 18px}body[data-calculator] .tool-heading h1{font-size:clamp(2rem,4vw,3rem)}body[data-calculator] .input-panel{box-shadow:0 10px 35px #19365a07}body[data-calculator] .answer-panel{background:linear-gradient(135deg,#122d54,#1b4274);border-color:#224773}body[data-calculator] .guide{max-width:850px}.related-discovery{padding:33px;background:#edf2fa;border-radius:20px;margin:0 0 35px}.related-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.related-heading .eyebrow{margin:0 0 8px}.related-heading h2{font:800 1.6rem/1.3 Manrope,system-ui,sans-serif;letter-spacing:-.04em;margin:0}.related-heading>a{font-size:.875rem;color:#285ff1;font-weight:700}.related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.related-grid>a{display:flex;flex-direction:column;align-items:start;padding:21px;background:white;border:1px solid #dce5f2;border-radius:12px;transition:transform .18s,border-color .18s}.related-grid>a:hover{transform:translateY(-3px);border-color:#9eb8f0}.related-grid>a:focus-visible{outline:3px solid #285ff1;outline-offset:3px}.related-grid span{font-size:.75rem;color:#5976a3}.related-grid h3{font:800 1rem/1.4 Manrope,system-ui,sans-serif;letter-spacing:-.02em;margin:11px 0 8px}.related-grid p{font-size:.875rem;line-height:1.65;color:#647891;margin:0 0 15px}.related-grid b{color:#285ff1;margin-top:auto}.category-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.category-list li{border:1px solid #dfe7f1;background:white;border-radius:13px;padding:22px;margin:0}.category-list p{font-size:.9375rem;margin-top:9px}.category-list a{display:block;text-decoration:none}.category-list li:hover{border-color:#9eb8f0}.category-list a:hover{text-decoration:underline}@media(max-width:850px){.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-heading{align-items:start;flex-direction:column}}@media(max-width:520px){.related-discovery{padding:24px 20px}.related-grid,.category-list{grid-template-columns:1fr}.related-heading h2{font-size:1.45rem}}@media(prefers-reduced-motion:reduce){.related-grid>a:hover{transform:none}}

/* Keep long results and worked examples inside narrow viewports. */
.workspace>*{min-width:0}.guide table{table-layout:fixed}.guide th,.guide td{overflow-wrap:anywhere}.breadcrumbs,.guide,.related-grid>a{overflow-wrap:anywhere}
@media(max-width:380px){.wrap{padding-inline:14px}.nav{gap:8px}.nav nav{display:none}.input-panel,.answer-panel{padding:20px}.guide th,.guide td{padding:9px 7px;font-size:.84rem}.related-discovery{padding:20px 16px}}
.mortgage-plan{max-width:none;margin:32px 0 0;padding:30px;background:#fff;border:1px solid #dfe7f1;border-radius:17px}.mortgage-plan h2{margin:5px 0 10px}.mortgage-plan>p:not(.eyebrow){margin:0 0 20px}.mortgage-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.mortgage-fact{padding:17px;background:#edf3fc;border-radius:11px;min-width:0}.mortgage-fact span{display:block;color:#526985;font-size:.875rem;line-height:1.35}.mortgage-fact strong{display:block;color:#152e50;font-size:1.15rem;margin-top:7px;overflow-wrap:anywhere}.mortgage-plan details{border-top:1px solid #dfe7f1;padding-top:17px}.mortgage-plan summary{cursor:pointer;color:#285ff1;font-weight:700}.mortgage-scroll{overflow-x:auto;max-height:520px;overflow-y:auto;margin-top:17px}.mortgage-scroll table{min-width:610px;font-variant-numeric:tabular-nums}.mortgage-scroll td,.mortgage-scroll th{white-space:nowrap}.mortgage-scroll th{position:sticky;top:0;background:#fff}.mortgage-scroll td:first-child,.mortgage-scroll th:first-child{text-align:left}@media(max-width:760px){.mortgage-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.mortgage-plan{padding:22px}}@media(max-width:390px){.mortgage-summary{grid-template-columns:1fr}}

.calculation-working{max-width:none!important;margin:24px 0 0;padding:24px 30px;background:#fff;border:1px solid #dfe7f1;border-radius:17px}.calculation-working h2{margin:0 0 16px}.calculation-working ol{margin-bottom:0;padding-left:24px}.calculation-working li{padding-left:5px;font-variant-numeric:tabular-nums}@media(max-width:480px){.calculation-working{padding:22px 20px}}