/* Toppingdom CBM and landed-cost calculator */
:root{--calc-navy:#12314a;--calc-navy-dark:#082438;--calc-green:#20c96b;--calc-green-dark:#0b8a47;--calc-ink:#243b4d;--calc-muted:#637788;--calc-line:#dce7ed;--calc-soft:#f4f8fa;--calc-warn:#fff6df;--calc-warn-line:#edc86d;--calc-danger:#fff0ee;--calc-danger-line:#ea8a7f}
*{box-sizing:border-box}
.calc-page{background:#f6f9fb;color:var(--calc-ink)}
.calc-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}
.calc-hero{padding:72px 0 54px;background:linear-gradient(135deg,var(--calc-navy-dark) 0%,#124d5f 58%,#0d7352 100%);color:#fff}
.calc-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:42px;align-items:center}
.calc-kicker{margin:0 0 10px;color:#84efac;font-size:12px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.calc-hero h1{max-width:820px;margin:0;color:#fff;font-size:clamp(38px,5vw,62px);line-height:1.06;letter-spacing:-.04em}
.calc-hero-copy>p:not(.calc-kicker){max-width:760px;margin:19px 0 0;color:#dce9ee;font-size:17px;line-height:1.72}
.calc-hero-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}
.calc-hero-points span{padding:8px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);color:#edf7f4;font-size:11px;font-weight:850}
.calc-rate-card{padding:25px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:rgba(255,255,255,.1);box-shadow:0 20px 52px rgba(0,0,0,.18);backdrop-filter:blur(6px)}
.calc-rate-card h2{margin:0 0 15px;color:#fff;font-size:21px}
.calc-rate-row{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-top:1px solid rgba(255,255,255,.12);font-size:12px}
.calc-rate-row span{color:#cfe0e6}.calc-rate-row strong{color:#fff;text-align:right}
.calc-rate-stamp{margin:16px 0 0;padding:11px 12px;border-radius:9px;background:rgba(132,239,172,.12);color:#dcf7e6;font-size:11px;line-height:1.5}
.calc-section{padding:54px 0 72px}
.calc-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:26px;align-items:start}
.calc-workspace{overflow:hidden;border:1px solid var(--calc-line);border-radius:20px;background:#fff;box-shadow:0 16px 44px rgba(18,49,74,.08)}
.calc-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px;border-bottom:1px solid var(--calc-line);background:#eef4f6}
.calc-tab{min-height:48px;border:0;border-radius:10px;background:transparent;color:#597081;font:inherit;font-size:13px;font-weight:900;cursor:pointer}
.calc-tab[aria-selected="true"]{background:#fff;color:var(--calc-navy);box-shadow:0 4px 14px rgba(18,49,74,.09)}
.calc-panel{padding:30px}
.calc-panel[hidden]{display:none!important}
.calc-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:25px}
.calc-panel-head h2{margin:0;color:var(--calc-navy);font-size:clamp(25px,3vw,34px)}
.calc-panel-head p{max-width:650px;margin:8px 0 0;color:var(--calc-muted);font-size:13px;line-height:1.65}
.calc-step{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#eaf8f0;color:#0b7d43;font-size:10px;font-weight:950;letter-spacing:.06em;text-transform:uppercase}
.calc-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.calc-field{display:grid;gap:7px;min-width:0}
.calc-field-full{grid-column:1/-1}
.calc-field label,.calc-field legend{color:#294257;font-size:12px;font-weight:900}
.calc-field input,.calc-field select{width:100%;min-height:46px;border:1px solid #cbd9e1;border-radius:10px;background:#fff;color:#203648;font:inherit;padding:11px 12px;outline:none}
.calc-field input:focus,.calc-field select:focus{border-color:var(--calc-green);box-shadow:0 0 0 3px rgba(32,201,107,.13)}
.calc-help{margin:0;color:#718493;font-size:10px;line-height:1.45}
.calc-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.calc-method{position:relative}
.calc-method input{position:absolute;opacity:0;pointer-events:none}
.calc-method label{display:block;min-height:90px;padding:15px;border:1px solid #d2dfe6;border-radius:12px;background:#f9fbfc;cursor:pointer}
.calc-method label strong{display:block;color:var(--calc-navy);font-size:14px}.calc-method label span{display:block;margin-top:6px;color:var(--calc-muted);font-size:11px;line-height:1.45}
.calc-method input:checked+label{border-color:var(--calc-green);background:#eefaf3;box-shadow:0 0 0 2px rgba(32,201,107,.11)}
.calc-method input:focus-visible+label{outline:3px solid rgba(32,201,107,.22)}
.calc-subhead{grid-column:1/-1;margin:9px 0 -2px;padding-top:18px;border-top:1px solid #e6edf1;color:var(--calc-navy);font-size:15px;font-weight:950}
.calc-live-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}
.calc-live-card{padding:16px;border:1px solid #dce6eb;border-radius:12px;background:var(--calc-soft)}
.calc-live-card span{display:block;color:#6b7e8d;font-size:10px;font-weight:850;text-transform:uppercase}
.calc-live-card strong{display:block;margin-top:8px;color:var(--calc-navy);font-size:20px;line-height:1.1}
.calc-live-card small{display:block;margin-top:5px;color:#738695;font-size:9px;line-height:1.4}
.calc-alert{margin-top:18px;padding:14px 15px;border:1px solid var(--calc-warn-line);border-radius:11px;background:var(--calc-warn);color:#6c5520;font-size:12px;line-height:1.6}
.calc-alert-danger{border-color:var(--calc-danger-line);background:var(--calc-danger);color:#7b332b}
.calc-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}
.calc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:12px 18px;border:0;border-radius:10px;background:var(--calc-green);color:#073b29;font:inherit;font-size:12px;font-weight:950;text-decoration:none;cursor:pointer}
.calc-btn:hover,.calc-btn:focus{background:#55df83;color:#052d20;outline:none}
.calc-btn-secondary{border:1px solid #ccdae2;background:#fff;color:var(--calc-navy)}
.calc-btn-secondary:hover,.calc-btn-secondary:focus{background:#eef4f7;color:var(--calc-navy)}
.calc-result{margin-top:26px;border:1px solid #cfe2d7;border-radius:16px;background:#f8fcfa}
.calc-result[hidden]{display:none!important}
.calc-result-head{display:flex;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid #dbe9e1}
.calc-result-head span{display:block;color:#0b8a47;font-size:10px;font-weight:950;text-transform:uppercase}
.calc-result-head h3{margin:5px 0 0;color:var(--calc-navy);font-size:22px}
.calc-result-id{align-self:flex-start;padding:7px 9px;border-radius:7px;background:#e5f5eb;color:#207246;font-size:10px;font-weight:900}
.calc-breakdown{padding:8px 22px}
.calc-cost-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #e2ece6;color:#506677;font-size:12px}
.calc-cost-row strong{color:var(--calc-navy);font-size:13px;text-align:right}
.calc-cost-row:last-child{border-bottom:0}
.calc-total{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px 22px;border-top:1px solid #dbe9e1;background:#eef8f2}
.calc-total div{padding:14px;border-radius:10px;background:#fff}
.calc-total span{display:block;color:#657a89;font-size:10px;font-weight:850;text-transform:uppercase}
.calc-total strong{display:block;margin-top:7px;color:#0b7842;font-size:24px}
.calc-result-notes{padding:17px 22px;color:#657989;font-size:11px;line-height:1.6}
.calc-result-actions{display:flex;flex-wrap:wrap;gap:9px;padding:0 22px 22px}
.calc-copy-status{align-self:center;color:#0b7842;font-size:11px;font-weight:850}
.calc-sidebar{display:grid;gap:18px;position:sticky;top:24px}
.calc-side-card{padding:21px;border:1px solid var(--calc-line);border-radius:16px;background:#fff;box-shadow:0 12px 32px rgba(18,49,74,.06)}
.calc-side-card h2{margin:0 0 13px;color:var(--calc-navy);font-size:18px}
.calc-side-card p{margin:0;color:var(--calc-muted);font-size:12px;line-height:1.6}
.calc-formula-list,.calc-inclusion-list{display:grid;gap:10px;margin-top:14px}
.calc-formula,.calc-inclusion{padding:11px;border-radius:9px;background:#f4f8fa}
.calc-formula strong,.calc-inclusion strong{display:block;color:var(--calc-navy);font-size:11px}
.calc-formula span,.calc-inclusion span{display:block;margin-top:4px;color:#718493;font-size:10px;line-height:1.45}
.calc-source-links{display:grid;gap:8px;margin-top:14px}
.calc-source-links a{color:#0b8a47;font-size:11px;font-weight:850;text-decoration:none}
.calc-source-links a:hover{text-decoration:underline}
.calc-privacy{padding:18px;border-color:#cde5d6;background:#f2faf5}
.calc-privacy strong{display:block;color:#0b7842;font-size:12px}.calc-privacy p{margin-top:6px}
.calc-footnote{padding:28px 0 58px;background:#fff}
.calc-footnote-box{padding:22px 24px;border-left:4px solid var(--calc-green);border-radius:10px;background:#f2f8f5;color:#587060;font-size:12px;line-height:1.65}
@media(max-width:980px){.calc-hero-grid,.calc-layout{grid-template-columns:1fr}.calc-rate-card{max-width:620px}.calc-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.calc-privacy{grid-column:1/-1}}
@media(max-width:720px){.calc-hero{padding:52px 0 42px}.calc-hero-grid{gap:28px}.calc-panel{padding:23px 19px}.calc-panel-head{flex-direction:column}.calc-form-grid{grid-template-columns:1fr}.calc-field-full,.calc-subhead{grid-column:auto}.calc-live-results{grid-template-columns:repeat(2,minmax(0,1fr))}.calc-actions{align-items:stretch;flex-direction:column-reverse}.calc-btn{width:100%}.calc-result-head{align-items:flex-start;flex-direction:column}.calc-total{grid-template-columns:1fr}.calc-sidebar{grid-template-columns:1fr}.calc-privacy{grid-column:auto}}
@media(max-width:520px){.calc-shell{width:min(100% - 28px,1180px)}.calc-tabs{grid-template-columns:1fr}.calc-hero h1{font-size:38px}.calc-methods,.calc-live-results{grid-template-columns:1fr}.calc-result-actions{flex-direction:column}.calc-result-actions .calc-btn{width:100%}.calc-workspace{border-radius:15px}.calc-rate-row{align-items:flex-start;flex-direction:column;gap:4px}.calc-rate-row strong{text-align:left}}