/* Calculator landings share the current product-page palette, type and spacing.
   Loaded after calculators.css; form and result contracts remain in that file. */
.calculator-detail{
 --calculator-landing-y:64px;
 --calculator-forest:var(--izb-forest-900);--calculator-plum:var(--izb-plum-700);
 --calculator-lime:var(--izb-lime-500);--calculator-surface:var(--izb-surface-sunken);
 color:var(--izb-ink);background:var(--izb-surface);font:500 16px/1.6 var(--izb-font)
}
.calculator-detail :where(h1,h2,h3){color:var(--izb-ink);font-family:var(--izb-font);font-weight:600;letter-spacing:-.015em;text-wrap:balance}
.calculator-detail :where(a,button,summary,input,select,textarea):focus-visible{outline:2px solid var(--izb-forest-700);outline-offset:4px}
.calculator-detail .eyebrow{color:var(--izb-plum-700);font:700 11px/16px var(--izb-font);letter-spacing:.1em}
.calculator-detail :where(.calculator-workspace,.calculator-method){scroll-margin-top:104px}
.calculator-detail .section{padding-block:var(--calculator-landing-y)}

/* The same dark green hero, lime primary action and plum secondary as products. */
.calculator-detail .calculator-detail-hero{
 position:relative;isolation:isolate;overflow:hidden;padding:8px 0 72px;border:0;
 background-color:#143b36;
 background-image:radial-gradient(ellipse 56% 78% at 84% 28%,#406d5f66,transparent 72%),radial-gradient(ellipse 40% 58% at 3% 108%,#b4dc721a,transparent 70%);
 color:var(--izb-on-dark)
}
.calculator-detail .calculator-breadcrumbs{display:block;padding:0;color:#b8cac2;font:500 13px/20px var(--izb-font)}
.calculator-detail .calculator-breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:0;list-style:none}
.calculator-detail .calculator-breadcrumbs li{display:inline-flex;align-items:center;gap:4px;min-width:0}
.calculator-detail .calculator-breadcrumbs li+li::before{content:"›";display:inline-block;width:14px;flex:none;color:#95afa3;text-align:center}
.calculator-detail .calculator-breadcrumbs a{color:#b8cac2;text-decoration:none}
.calculator-detail .calculator-breadcrumbs a:hover{color:var(--izb-lime-300)}
.calculator-detail .calculator-breadcrumbs [aria-current]{color:var(--izb-on-dark)}
.calculator-detail .calculator-detail-hero-grid{display:grid;grid-template-columns:1fr;align-items:center;gap:30px;margin-top:20px;padding:0}
.calculator-detail .calculator-detail-copy{max-width:760px}
.calculator-detail .calculator-detail-copy .eyebrow{display:inline-flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin:0 0 18px;padding:7px 12px;border:1px solid #ffffff21;border-radius:16px;background:#b4dc7215;color:#c0df91;font-size:13px;font-weight:600;line-height:1.4;letter-spacing:0}
.calculator-detail .calculator-detail-copy .status-dot{width:6px;height:6px;flex:none;margin:0;border-radius:50%;background:var(--izb-lime-300);box-shadow:0 0 0 3px #c4e08a2b}
.calculator-detail .calculator-detail-copy h1{max-width:760px;margin:0;color:#fff;font-size:clamp(36px,3.55vw,54px);font-weight:620;line-height:1.06;letter-spacing:-.035em;overflow-wrap:anywhere}
.calculator-detail .calculator-detail-copy>p{max-width:50ch;margin:18px 0 0;color:#d0e0d7;font-size:17px;font-weight:400;line-height:1.6;letter-spacing:-.003em}
.calculator-detail .calculator-detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}
.calculator-detail .calculator-detail-actions .izb-btn{gap:10px;min-height:50px;height:auto;padding:12px 20px;border:1px solid transparent;border-radius:12px;font-size:15px;font-weight:650;line-height:24px;white-space:normal;text-align:center}
.calculator-detail .calculator-detail-actions .izb-btn-primary{border-color:#b4d971;background:#b4d971;color:#173b30;box-shadow:inset 0 1px 0 #ffffff3d,0 1px 2px #071a1652}
.calculator-detail .calculator-detail-actions .izb-btn-primary:hover{border-color:#c6e58f;background:#c6e58f;color:#173b30;box-shadow:inset 0 1px 0 #ffffff4d,0 9px 18px -12px #0000008c}
.calculator-detail .calculator-detail-actions .izb-btn-tonal{border-color:#5d3752;background:#5d3752;color:#fff;box-shadow:inset 0 1px 0 #ffffff1f,0 1px 2px #071a1652}
.calculator-detail .calculator-detail-actions .izb-btn-tonal:hover{border-color:#70435f;background:#70435f;color:#fff}
.calculator-detail .calculator-detail-actions svg{width:16px;height:16px;flex:none;transition:transform .2s var(--izb-ease)}
.calculator-detail .calculator-detail-actions a:hover svg{transform:translateX(3px)}
.calculator-detail .calculator-detail-badges{gap:10px 20px;margin-top:19px;color:#b8cac2;font-size:12px;font-weight:400;line-height:20px}
.calculator-detail .calculator-detail-badges svg{width:15px;height:15px;color:var(--izb-lime-300)}
.calculator-detail .calculator-detail-hero a:focus-visible{outline-color:var(--izb-lime-300)}

/* A useful hero panel: real review dates and an anchor to the full methodology. */
.calculator-detail .calculator-detail-stamp{position:relative;display:block;min-width:0;max-width:560px;padding:28px;border:1px solid #ffffff24;border-radius:22px;background:radial-gradient(circle at 100% 0,#8a668344,transparent 47%),linear-gradient(145deg,#2b594d,#173f35);box-shadow:inset 0 1px 0 #ffffff1a,0 2px 5px #06171338,0 30px 64px -30px #061713bf}
.calculator-detail .calculator-detail-stamp-top{display:flex;align-items:center;gap:12px}
.calculator-detail .calculator-detail-stamp-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;margin:0;border:1px solid #d7f1a133;border-radius:12px;background:#c4e08a10;color:var(--izb-lime-300)}
.calculator-detail .calculator-detail-stamp-icon svg{width:21px;height:21px}
.calculator-detail .calculator-detail-stamp-top small{color:#c8d9d0;font-size:10px;font-weight:650;letter-spacing:.09em}
.calculator-detail .calculator-detail-stamp-mark{display:grid;place-items:center;width:26px;height:26px;flex:none;margin-left:auto;border:1px solid #c4e08a40;border-radius:50%;background:#c4e08a0d;color:var(--izb-lime-300)}
.calculator-detail .calculator-detail-stamp-mark svg{width:13px;height:13px}
.calculator-detail .calculator-detail-stamp h2{margin:26px 0 12px;color:#fff;font-size:clamp(27px,2.3vw,34px);font-weight:600;line-height:1.14;letter-spacing:-.03em}
.calculator-detail .calculator-detail-stamp>p{max-width:38ch;margin:0;color:#c4d6cc;font-size:13px;font-weight:400;line-height:1.65}
.calculator-detail .calculator-detail-stamp dl{display:block;margin:25px 0 0}
.calculator-detail .calculator-detail-stamp dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:13px 0;border-top:1px solid #ffffff1a}
.calculator-detail .calculator-detail-stamp dt{color:#b8cec1;font-size:12px;font-weight:400}
.calculator-detail .calculator-detail-stamp dd{margin:0;color:#fff;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}
.calculator-detail .calculator-detail-method-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;margin-top:9px;padding-top:12px;border-top:1px solid #ffffff1a;color:var(--izb-lime-300);font-size:12px;font-weight:600}
.calculator-detail .calculator-detail-method-link svg{width:16px;height:16px;transition:transform .2s var(--izb-ease)}
.calculator-detail .calculator-detail-method-link:hover svg{transform:translateX(3px)}

/* Form, result and source surfaces follow the product proof-card treatment. */
.calculator-detail .calculator-workspace{background:var(--izb-surface-sunken)}
.calculator-detail .calculator-workspace-grid{grid-template-columns:1fr;gap:24px}
.calculator-detail .calculator-app{border:1px solid #e0e6dd;border-radius:22px;background:var(--izb-surface);box-shadow:inset 0 1px 0 #fff,0 1px 2px #163d330a,0 24px 48px -30px #163d3338}
.calculator-detail .calculator-app-heading{align-items:flex-start;gap:16px;padding:28px 30px;border-bottom:1px solid var(--izb-line);background:radial-gradient(circle at 100% 0,#eee4eb70,transparent 45%),linear-gradient(145deg,#fff,#fafbf9)}
.calculator-detail .calculator-app-heading>span{width:44px;height:44px;border:1px solid var(--izb-forest-100);border-radius:12px;background:linear-gradient(145deg,#fff,#eaf3e7);box-shadow:0 8px 18px -15px #17392f;color:var(--izb-forest-700)}
.calculator-detail .calculator-app-heading small{margin-bottom:7px;color:var(--izb-plum-700);font-size:10px;letter-spacing:.09em}
.calculator-detail .calculator-app-heading h2{font-size:27px;line-height:1.16;letter-spacing:-.025em}
.calculator-detail .calculator-app-heading p{max-width:54ch;margin-top:9px;color:var(--izb-ink-muted);font-size:13px;font-weight:400;line-height:1.6}
.calculator-detail .calculator-form-region{padding:30px}
.calculator-detail .calculator-form{gap:26px}
.calculator-detail .calculator-form legend{color:var(--izb-forest-900);font-size:15px;font-weight:600}
.calculator-detail .calculator-fields{gap:23px 20px}
.calculator-detail .calculator-field label,.calculator-detail .calculator-field>span:first-child,.calculator-detail .calculator-form>label{color:var(--izb-ink);font-size:14px;font-weight:600}
.calculator-detail .calculator-field label small{color:var(--izb-ink-muted);font-size:12px}
.calculator-detail .calculator-field input:not([type=checkbox]):not([type=radio]),.calculator-detail .calculator-field select,.calculator-detail .calculator-field textarea{min-height:52px;border-color:#c8d2c9;border-radius:var(--izb-radius-md);background:#fcfdfa;color:var(--izb-ink);font-weight:500}
.calculator-detail .calculator-field input:hover,.calculator-detail .calculator-field select:hover,.calculator-detail .calculator-field textarea:hover{border-color:#8fa798}
.calculator-detail .calculator-field input:focus,.calculator-detail .calculator-field select:focus,.calculator-detail .calculator-field textarea:focus{border-color:var(--izb-forest-700);background:#fff;box-shadow:0 0 0 3px #2f5e521a}
.calculator-detail .calculator-field>small,.calculator-detail .calculator-help{color:var(--izb-ink-muted);font-size:12px;font-weight:400;line-height:1.65}
.calculator-detail .calculator-options{gap:10px}
.calculator-detail .calculator-option{min-height:46px;border-radius:var(--izb-radius-md);color:var(--izb-ink-muted);font-size:13px}
.calculator-detail .calculator-option:has(input:checked){border-color:#8ca976;background:#f0f6e8;color:var(--izb-forest-900)}
.calculator-detail .calculator-actions .button,.calculator-detail .calculator-form .button.primary{gap:12px;min-height:50px;padding:12px 23px;border:1px solid var(--izb-plum-700);border-radius:12px;background:linear-gradient(180deg,var(--izb-plum-600),var(--izb-plum-700));box-shadow:inset 0 1px 0 #ffffff29,0 1px 2px #17231e29,0 8px 18px -8px #57345170;color:#fff;font-size:15px;font-weight:650}
.calculator-detail .calculator-actions .button:hover,.calculator-detail .calculator-form .button.primary:hover{border-color:var(--izb-plum-800);background:linear-gradient(180deg,var(--izb-plum-700),var(--izb-plum-800));transform:translateY(-1px)}
.calculator-detail .calculator-actions button[type=reset]{color:var(--izb-ink-muted);font-size:13px}
.calculator-detail .calculator-notice{padding:16px 18px;border-color:var(--izb-forest-100);border-radius:12px;background:var(--izb-forest-50);color:var(--izb-ink-muted);font-size:12px;font-weight:400}
.calculator-detail .calculator-results{margin-top:30px;padding:24px;border-color:#d8e6cd;border-radius:18px;background:radial-gradient(circle at 100% 0,#e7ecdcc4,transparent 46%),linear-gradient(145deg,#f4f8ef,#f8faf6)}
.calculator-detail .calculator-results-heading h2{font-size:25px;line-height:1.2;letter-spacing:-.025em}
.calculator-detail .calculator-result-item{border-color:#e0e8db;border-radius:12px}
.calculator-detail .calculator-result-item.is-total{padding:22px;border-color:#315e4b;background:radial-gradient(circle at 100% 0,#688f6440,transparent 52%),linear-gradient(145deg,#2c5d50,#183a31);box-shadow:inset 0 1px 0 #ffffff1a,0 16px 32px -25px #183a3199}
.calculator-detail .calculator-result-item.is-total strong,.calculator-detail .calculator-result-item.is-total dd{color:#e2f3c4;font-size:34px;line-height:1.2;letter-spacing:-.03em}
.calculator-detail .calculator-method{position:static;border-color:#e0e6dd;border-radius:22px;background:var(--izb-surface);box-shadow:0 1px 2px #163d3308,0 18px 38px -34px #163d334a}
.calculator-detail .calculator-method-block{padding:28px}
.calculator-detail .calculator-method-icon{width:42px;height:42px;margin-bottom:20px;border:1px solid #e5d8e1;border-radius:12px;background:linear-gradient(145deg,#fff,#f3eaf1);color:var(--izb-plum-700)}
.calculator-detail .calculator-method-kicker{display:block;margin-bottom:9px;color:var(--izb-plum-700);font-size:10px;font-weight:700;letter-spacing:.09em}
.calculator-detail .calculator-method h2{margin-bottom:12px;font-size:25px;line-height:1.16;letter-spacing:-.025em}
.calculator-detail .calculator-method p{color:var(--izb-ink-muted);font-size:13px;font-weight:400;line-height:1.7}
.calculator-detail .calculator-method-row{padding:23px 28px;border-color:var(--izb-line)}
.calculator-detail .calculator-method-row>strong{color:var(--izb-forest-900);font-size:12px;font-weight:650}
.calculator-detail .calculator-method-row code{padding:14px;border:1px solid #e1e8de;border-radius:10px;background:var(--izb-surface-sunken);color:var(--izb-forest-900);font-size:12px}
.calculator-detail .calculator-method-row ul{padding-left:17px;list-style:disc;color:var(--izb-ink-muted);font-size:13px;font-weight:400;line-height:1.7}
.calculator-detail .calculator-sources a{color:var(--izb-forest-700)}
.calculator-detail .calculator-disclaimer{padding:22px 28px;font-weight:400}

/* The following chapters retain the shared landing-page section rhythm. */
.calculator-detail .calculator-guide-grid{grid-template-columns:1fr;gap:32px}
.calculator-detail .calculator-guide-grid>header{position:static;max-width:600px}
.calculator-detail .calculator-guide-grid>header .eyebrow,.calculator-detail .calculator-related-heading .eyebrow{margin-bottom:15px}
.calculator-detail .calculator-guide-grid>header h2,.calculator-detail .calculator-related-heading h2,.calculator-detail .calculator-conversion-card h2{margin:0;font-size:clamp(28px,calc(1vw + 22px),36px);font-weight:600;line-height:1.15;letter-spacing:-.025em;overflow-wrap:anywhere}
.calculator-detail .calculator-guide-grid>header p{margin-top:16px;color:var(--izb-ink-muted);font-size:15px;font-weight:400;line-height:1.65}
.calculator-detail .calculator-article{color:var(--izb-ink-muted);font-weight:400}
.calculator-detail .calculator-article h2{font-size:30px;letter-spacing:-.025em}
.calculator-detail .calculator-article h3{font-size:22px;letter-spacing:-.015em}
.calculator-detail .calculator-article p,.calculator-detail .calculator-article li{font-size:15px;line-height:1.8}
.calculator-detail .calculator-article ul{list-style:disc}
.calculator-detail .calculator-related{border-color:var(--izb-line);background:var(--izb-surface-sunken)}
.calculator-detail .calculator-related-heading{gap:24px;margin-bottom:32px}
.calculator-detail .calculator-related-heading .text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--izb-forest-700);font-size:14px;font-weight:600}
.calculator-detail .calculator-related-grid{gap:18px}
.calculator-detail .calculator-related-card{gap:14px;padding:24px;border-color:#e0e7e1;border-radius:18px;background:radial-gradient(circle at 100% 0,#e4f0dc80,transparent 38%),linear-gradient(145deg,#fff,#f9fbf8);box-shadow:inset 0 1px 0 #fff,0 1px 2px #163d3308,0 18px 38px -34px #163d334a;transition:transform .28s var(--izb-ease),border-color .22s,box-shadow .28s var(--izb-ease)}
.calculator-detail .calculator-related-card>span{width:40px;height:40px;border:1px solid var(--izb-forest-100);border-radius:12px;background:linear-gradient(145deg,#fff,#eaf3e7);color:var(--izb-forest-700)}
.calculator-detail .calculator-related-card h3{margin:1px 0 9px;color:var(--izb-ink);font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-.015em}
.calculator-detail .calculator-related-card p{color:var(--izb-ink-muted);font-size:13px;font-weight:400;line-height:1.6}
.calculator-detail .calculator-related-card>i{color:var(--izb-plum-700)}
.calculator-detail .calculator-related-card:hover{border-color:#b8cdbf;box-shadow:inset 0 1px 0 #fff,0 16px 34px -24px #163d3359;transform:translateY(-3px)}
.calculator-detail .calculator-conversion{padding-top:0;background:var(--izb-surface-sunken)}
.calculator-detail .calculator-conversion-card{gap:32px;padding:36px;border:1px solid #dfe5dc;border-radius:22px;background:radial-gradient(circle at 100% 0,#eadce8a8,transparent 44%),linear-gradient(130deg,#fff,#f8fbf5);box-shadow:inset 0 1px 0 #fff,0 24px 48px -36px #163d3338;color:var(--izb-ink)}
.calculator-detail .calculator-conversion-card .eyebrow{margin-bottom:15px;color:var(--izb-plum-700)}
.calculator-detail .calculator-conversion-card h2{color:var(--izb-forest-900)}
.calculator-detail .calculator-conversion-card p{max-width:57ch;margin-top:16px;color:var(--izb-ink-muted);font-size:15px;font-weight:400;line-height:1.65}
.calculator-detail .calculator-conversion-card>.izb-btn{flex:none;gap:12px;min-height:50px;height:auto;padding:13px 22px;border-radius:12px;white-space:normal;text-align:center}
.calculator-detail .calculator-conversion-card>.izb-btn svg{width:16px;height:16px}

@media (min-width:768px){
 .calculator-detail{--calculator-landing-y:80px}
 .calculator-detail .calculator-detail-hero{padding-top:14px;padding-bottom:88px}
 .calculator-detail .calculator-detail-hero-grid{margin-top:24px;gap:40px}
 .calculator-detail .calculator-detail-copy>p{font-size:18px}
 .calculator-detail .calculator-detail-stamp{padding:32px}
 .calculator-detail .calculator-conversion-card{padding:42px}
}
@media (min-width:1000px){
 .calculator-detail .calculator-detail-hero-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px}
 .calculator-detail .calculator-detail-stamp{justify-self:end;width:100%;max-width:470px}
 .calculator-detail .calculator-workspace-grid{grid-template-columns:minmax(0,1fr) 340px;gap:28px}
 .calculator-detail .calculator-method{position:sticky;top:104px}
 .calculator-detail .calculator-guide-grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:64px}
 .calculator-detail .calculator-guide-grid>header{position:sticky;top:104px}
}
@media (min-width:1100px){
 .calculator-detail{--calculator-landing-y:96px}
 .calculator-detail .calculator-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:767px){
 .calculator-detail .calculator-breadcrumbs li:not(:nth-child(2)){display:none}
 .calculator-detail .calculator-breadcrumbs li:nth-child(2)::before{content:none}
 .calculator-detail .calculator-breadcrumbs li:nth-child(2) a{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:14px}
 .calculator-detail .calculator-breadcrumbs li:nth-child(2) a::before{content:"‹";font-size:24px;line-height:20px}
 .calculator-detail .calculator-detail-actions{align-items:stretch}
 .calculator-detail .calculator-detail-actions .izb-btn{width:100%}
 .calculator-detail .calculator-detail-badges{gap:8px 15px;font-size:11px}
 .calculator-detail .calculator-conversion-card{align-items:flex-start;flex-direction:column}
 .calculator-detail .calculator-related-heading{align-items:flex-start;flex-direction:column;gap:16px}
}
@media (max-width:600px){
 .calculator-detail .calculator-detail-hero{padding-bottom:48px}
 .calculator-detail .calculator-detail-stamp{max-width:none;padding:24px}
 .calculator-detail .calculator-detail-stamp h2{margin-top:24px}
 .calculator-detail .calculator-detail-stamp-top{gap:10px}
 .calculator-detail .calculator-detail-stamp-top small{font-size:9px;letter-spacing:.07em}
 .calculator-detail .calculator-detail-stamp dl>div{gap:12px}
 .calculator-detail .calculator-app-heading{gap:12px;padding:24px 20px}
 .calculator-detail .calculator-app-heading>span{width:38px;height:38px;border-radius:11px}
 .calculator-detail .calculator-app-heading h2{font-size:24px}
 .calculator-detail .calculator-app-heading p{font-size:12px}
 .calculator-detail .calculator-form-region{padding:24px 20px}
 .calculator-detail .calculator-fields{gap:22px}
 .calculator-detail .calculator-results{padding:20px 14px}
 .calculator-detail .calculator-results-heading h2{font-size:22px}
 .calculator-detail .calculator-result-item.is-total{padding:18px}
 .calculator-detail .calculator-result-item.is-total strong,.calculator-detail .calculator-result-item.is-total dd{font-size:29px}
 .calculator-detail .calculator-method-block,.calculator-detail .calculator-method-row,.calculator-detail .calculator-disclaimer{padding:24px}
 .calculator-detail .calculator-related-card{gap:12px;padding:22px 20px}
 .calculator-detail .calculator-related-card>span{width:36px;height:36px}
 .calculator-detail .calculator-conversion-card{gap:25px;padding:28px 24px}
 .calculator-detail .calculator-conversion-card>.izb-btn{width:100%;font-size:14px}
}
@media (prefers-reduced-motion:reduce){
 .calculator-detail *,.calculator-detail *::before,.calculator-detail *::after{transition:none!important;animation:none!important}
 .calculator-detail .calculator-related-card:hover,.calculator-detail .calculator-actions .button:hover{transform:none}
}
@media print{
 .calculator-detail .calculator-detail-actions,.calculator-detail .calculator-detail-stamp{display:none}
 .calculator-detail .calculator-detail-hero{padding:10px 0;background:#fff}
 .calculator-detail .calculator-detail-copy h1,.calculator-detail .calculator-detail-copy>p,.calculator-detail .calculator-detail-copy .eyebrow{color:#17231e}
 .calculator-detail .calculator-workspace{padding-block:20px}
 .calculator-detail .calculator-app{border:0;box-shadow:none}
 .calculator-detail .calculator-detail-hero-grid,.calculator-detail .calculator-workspace-grid{display:block;margin:0}
}