/* Truck tools: navy hero into a light work area. Sizes come from the tokens and classes in site.css. */
.utd-tools{--t-tint:#EAF1F8;--t-m1:#E9EFF3;--t-m2:#8195AA;--t-m3:#CBD6E1;--t-m4:#667B91;--t-p1:#A9CCEC;--t-p2:#2A74CC;--t-p3:#74B4F2;--t-rule:rgba(169,204,236,.26)}
.utd-tools [hidden]{display:none!important}
.utd-tools :is(.tf__err,.tool-copy-status):empty{display:none}

/* Swatch colors: monthly bills are grays, per-mile costs are blues. */
.c-m1{background:var(--t-m1)}.c-m2{background:var(--t-m2)}.c-m3{background:var(--t-m3)}.c-m4{background:var(--t-m4)}
.c-p1{background:var(--t-p1)}.c-p2{background:var(--t-p2)}.c-p3{background:var(--t-p3)}

/* Hero: columns line up with the form and result below, and the calculator overlaps its bottom edge. */
.tool-hero{position:relative;isolation:isolate;background:var(--utd-deep);overflow:hidden}
.tool-hero__photo{position:absolute;inset:0 0 0 auto;z-index:-2;width:66%;height:100%;object-fit:cover;object-position:center 58%}
.tool-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0C2340 34%,rgba(12,35,64,.78) 58%,rgba(12,35,64,.42) 100%),linear-gradient(0deg,#0C2340 0%,rgba(12,35,64,.3) 46%,transparent 100%)}
.tool-hero__inner{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:var(--sp-3) var(--grid-gap);align-items:center;padding-block:var(--sp-2) var(--sp-8)}
.utd-tools .utd-crumbs ol{align-items:center}
.utd-tools .utd-crumbs a,.utd-tools .utd-crumbs span{color:#DCE6EF}
.utd-home .tool-hero .tool-hero__note{grid-column:2;grid-row:1;justify-self:end;padding:var(--sp-1) var(--sp-2);background:rgba(12,35,64,.72);border-radius:var(--r-badge);color:#E4EBF2;font-size:var(--t-min);line-height:var(--lh-min)}
.tool-tabs{grid-column:2;grid-row:1;justify-self:end;display:flex;gap:var(--sp-2)}
.utd-home .tool-tabs .utd-chip{background:rgba(12,35,64,.74)}
.utd-home .tool-tabs .utd-chip:hover{background:var(--utd-surface)}
.utd-home .tool-tabs .utd-chip[aria-current]{background:var(--utd-action);border-color:var(--utd-action)}
.utd-home .tool-hero h1{grid-column:1;color:#fff;text-wrap:balance}
.tool-hero h1 span{display:block;margin-top:var(--sp-1);font-size:var(--t-h3);font-weight:300;line-height:var(--lh-h3);letter-spacing:var(--track-h3);color:var(--utd-sky)}
.utd-home .tool-hero__answer{grid-column:2;font-size:var(--t-lede);line-height:var(--lh-lede);color:#E3EBF3;text-wrap:pretty}

/* Work area */
.tool-work{position:relative;display:flow-root;padding-bottom:var(--section);background:var(--utd-paper);color:var(--utd-body-ink);color-scheme:light}
.tool-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:var(--grid-gap);margin-top:calc(-1*var(--sp-7))}
.tool-form{align-self:start}
.utd-home .tool-work p{color:var(--utd-body-ink)}

/* Example-numbers strip */
.tool-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-1) var(--sp-4);background:var(--t-tint);border-radius:var(--r-control)}
.utd-home .tool-work .tool-banner p{font-size:var(--t-small);line-height:var(--lh-small);font-weight:500;color:var(--utd-ink);text-wrap:pretty}
.tool-banner .utd-link{flex:none;max-width:50%;text-align:right}

/* Groups and fields. The unit and its input are one .utd-input-unit field. */
.tool-group{min-width:0;margin:var(--sp-5) 0 0;padding:0;border:0}
.tool-group legend{margin-bottom:var(--sp-3);padding:0;font-size:var(--t-h4);font-weight:600;line-height:var(--lh-h4);letter-spacing:var(--track-h3);color:var(--utd-ink)}
.tool-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--field-gap)}
.tf{min-width:0}
@supports(grid-template-rows:subgrid){
  .tool-fields{row-gap:0;margin-bottom:calc(-1*var(--field-gap))}
  .tool-fields>.tf{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;grid-row:span 5;padding-bottom:var(--field-gap)}
}
.tf--wide{grid-column:1/-1}
.tf__top{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-2)}
.utd-home .tf label{font-size:var(--t-small);font-weight:500;line-height:var(--lh-small);color:var(--utd-ink)}
.tf label em{font-style:normal;font-weight:400;color:var(--utd-body-ink)}
.utd-home .tf__tag{display:none;flex:none}
.utd-home .tf.is-example .tf__tag{display:inline-flex}
.utd-home .tf input{font-variant-numeric:tabular-nums}
.tf.is-example .tf__box{background:var(--utd-paper);color:var(--utd-body-ink)}
.tf:has(input[aria-invalid=true]) .tf__box{border-color:#A32A2A}
.utd-home .tool-work .tf__hint{margin-top:var(--sp-2);font-size:var(--t-small);line-height:var(--lh-small)}
.utd-home .tool-work .tf__err{margin-top:var(--sp-2);font-size:var(--t-small);font-weight:500;line-height:var(--lh-small);color:#A32A2A}

/* Term chips */
.tool-chips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--sp-2);margin-top:var(--sp-2)}
.utd-home .tool-chip{padding-inline:0;font-size:var(--t-small);font-weight:500;line-height:1.2}

/* Mode switch */
.tool-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2);margin:0 0 var(--sp-4);padding:0;border:0}
.tool-mode label{position:relative;display:grid;cursor:pointer}
.tool-mode input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.utd-home .tool-mode .utd-chip{padding-inline:var(--sp-2);text-align:center}
.tool-mode input:hover+.utd-chip{border-color:var(--utd-action);background:var(--t-tint)}
.utd-home .tool-mode input:checked+.utd-chip{background:var(--utd-action);border-color:var(--utd-action);color:#fff}
.tool-mode input:focus-visible+.utd-chip{outline:3px solid #fff;outline-offset:0;box-shadow:0 0 0 6px var(--utd-action)}

/* Result panel: sticks beside the form above 900, and sits under it with the peek bar below that. */
.tool-result{position:sticky;top:calc(var(--utd-main) + var(--sp-4))}
.admin-bar .tool-result{top:calc(var(--utd-main) + var(--sp-4) + 32px)}
.tool-result__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--sp-1) var(--sp-3)}
.utd-home .tool-result h2{font-size:var(--t-h3);font-weight:600;line-height:var(--lh-h3);letter-spacing:var(--track-h3);color:#fff}
.tool-result__status{font-size:var(--t-small);line-height:var(--lh-small);color:var(--utd-sky)}
.tool-result__top{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3) var(--sp-5)}
.utd-home .tool-work .tool-result .tool-result__big{margin-top:var(--sp-2);font-size:var(--t-display);font-weight:700;line-height:var(--lh-display);letter-spacing:var(--track-display);color:#fff;font-variant-numeric:tabular-nums}
.utd-home .tool-work .tool-result .tool-result__big.is-waiting{padding-block:var(--sp-4);font-size:var(--t-h3);font-weight:500;line-height:var(--lh-h3);letter-spacing:var(--track-h3);color:var(--utd-sky)}
.utd-home .tool-result__sentence{margin-top:var(--sp-2);font-size:var(--t-small);line-height:var(--lh-small);text-wrap:pretty}
.is-waiting .tool-result__detail,.is-waiting .tool-below .tool-extra,.is-waiting .tool-stats--side{display:none}
.utd-home .tool-result h3.tool-result__sub{margin:var(--sp-4) 0 var(--sp-2);font-size:var(--t-h4);line-height:var(--lh-h4);color:#fff}
.tool-result .tf label,.tool-result .tf label em{color:#fff}
.tool-result .tf.is-example .tf__box{background:rgba(169,204,236,.14);color:var(--home-muted)}
.tool-result .tf:has(input[aria-invalid=true]) .tf__box{border-color:#F4A9A9}
.utd-home .tool-work .tool-result .tf__err{color:#FFC3C3}

/* Stacked bar */
.tool-bar{display:flex;gap:2px;height:var(--sp-6);border-radius:var(--r-badge);overflow:hidden;background:rgba(255,255,255,.08)}
.tool-bar i{display:flex;align-items:center;justify-content:center;flex:0 1 0;min-width:0;overflow:hidden;font-style:normal;transition:flex-grow .28s ease}
.tool-bar i span{font-size:var(--t-min);font-weight:600;line-height:var(--lh-min);color:var(--utd-deep);white-space:nowrap}
.tool-bar i.c-p2 span,.tool-bar i.c-m4 span{color:#fff}
.tool-bar--split{height:var(--sp-5);margin-top:var(--sp-4)}

.tool-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-1) var(--sp-5);margin:var(--sp-3) 0 0;padding:0;list-style:none}
.tool-legend li{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--t-small);line-height:var(--lh-small);color:#E6EEF5}
.tool-legend li.is-zero{opacity:.58}
.tool-legend li>i,.tool-stats span>i{flex:none;width:var(--sp-3);height:var(--sp-3);border-radius:var(--sp-1)}
.tool-legend li span{flex:1;min-width:0}
.tool-legend li b{font-weight:600;color:#fff;font-variant-numeric:tabular-nums}
.tool-legend li em{min-width:var(--sp-6);font-style:normal;text-align:right;color:var(--utd-sky);font-variant-numeric:tabular-nums}

.tool-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--t-rule)}
.tool-stats>div{min-width:0;padding-right:var(--sp-3)}
.tool-stats>div+div{padding-left:var(--sp-4);border-left:1px solid var(--t-rule)}
.tool-stats span{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--t-small);line-height:var(--lh-small);color:#D5E1EC}
.tool-stats strong{display:block;font-size:var(--t-h3);font-weight:700;line-height:var(--lh-h3);letter-spacing:var(--track-h3);color:#fff;font-variant-numeric:tabular-nums}
.tool-stats small{display:block;font-size:var(--t-small);line-height:var(--lh-small);color:var(--utd-sky)}
.tool-stats--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.tool-stats--side{flex:1 1 240px;min-width:0;margin-top:0;padding-top:0;border-top:0}
.utd-home .tool-result .tool-result__fuelnote{margin-top:var(--sp-3);font-size:var(--t-small);line-height:var(--lh-small)}
.utd-home .tool-result :is(.tool-result__fuelnote,.tool-result__bemiles):empty{display:none}

.tool-profit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4);align-items:end;margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--t-rule)}
.tool-profit__out span{display:block;font-size:var(--t-small);line-height:var(--lh-small);color:#D5E1EC}
.tool-profit__out strong{display:block;font-size:var(--t-h2);font-weight:700;line-height:var(--lh-h2);letter-spacing:var(--track-h2);color:#fff;font-variant-numeric:tabular-nums}
.tool-profit__out small{display:block;font-size:var(--t-small);line-height:var(--lh-small);color:var(--utd-sky)}
.utd-home .tool-result .tool-result__bemiles{margin-top:var(--sp-2);font-size:var(--t-small);line-height:var(--lh-small)}
.utd-home .tool-shop{width:100%;margin-top:var(--sp-4)}
.tool-result__cross{margin-top:var(--sp-2)}

.tool-mpgcard{margin-top:var(--sp-4);padding:var(--sp-4);background:var(--utd-deep);border-radius:var(--r-control)}
.utd-home .tool-result .tool-mpgcard h3{font-size:var(--t-h4);line-height:var(--lh-h4);color:#fff}
.utd-home .tool-result .tool-mpgcard p{margin-top:var(--sp-1);font-size:var(--t-small);line-height:var(--lh-small)}
.tool-mpgcard b{font-weight:600;color:#fff}
.tool-mpgcard .tool-stats{margin-top:var(--sp-2);padding-top:var(--sp-2)}

.tool-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--stack);margin-top:var(--sp-4)}
.utd-home .tool-result .tool-copy-status{margin-top:var(--sp-2);font-size:var(--t-small);line-height:var(--lh-small)}
.utd-home .tool-result .tool-bookmark{margin-top:var(--sp-2);font-size:var(--t-small);line-height:var(--lh-small);text-align:center}

/* Below the calculator */
.tool-below{margin-top:var(--grid-gap)}
.utd-home .tool-work .tool-extra__lead{max-width:40rem;margin-top:var(--stack);font-size:var(--t-lede);line-height:var(--lh-lede)}
.tool-extra h2{color:var(--utd-ink)}
.tool-moves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:var(--head-gap) 0 0;padding:0;list-style:none}
.tool-moves li{padding-inline:var(--sp-5)}
.tool-moves li:first-child{padding-left:0}
.tool-moves li+li{border-left:1px solid var(--utd-line)}
.tool-moves span{display:block;font-size:var(--t-small);font-weight:500;line-height:var(--lh-small);color:var(--utd-ink)}
.tool-moves strong{display:block;margin-top:var(--sp-1);font-size:var(--t-h3);font-weight:700;line-height:var(--lh-h3);letter-spacing:var(--track-h3);color:var(--utd-ink);font-variant-numeric:tabular-nums}
.tool-moves small{display:block;margin-top:var(--sp-1);font-size:var(--t-small);line-height:var(--lh-small);color:var(--utd-body-ink)}
.utd-home .tool-work .tool-note{max-width:52rem;margin-top:var(--sp-4);font-size:var(--t-small);line-height:var(--lh-small)}

.tool-tablewrap{margin-top:var(--head-gap);overflow-x:auto}
.tool-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.tool-table th,.tool-table td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--utd-line);font-size:var(--t-body);line-height:var(--lh-small);text-align:right;color:var(--utd-ink)}
.tool-table th:first-child{text-align:left}
.tool-table thead th{font-size:var(--t-small);font-weight:500;color:var(--utd-body-ink)}
.tool-table tbody th{font-weight:600}
.tool-table tbody tr{cursor:pointer}
.tool-table td:nth-child(2){font-weight:700}
.tool-table tr.is-current th,.tool-table tr.is-current td{background:var(--t-tint)}
.utd-home .tool-table tr.is-current .utd-link{color:var(--utd-ink)}

.tool-ladder{display:grid;gap:var(--sp-2);margin-top:var(--head-gap)}
.tool-ladder__row{display:grid;grid-template-columns:96px minmax(0,1fr) 112px 104px 178px;align-items:center;gap:var(--sp-3);min-height:44px;padding:var(--sp-1) var(--sp-3);border-radius:var(--r-control);font-variant-numeric:tabular-nums}
.tool-ladder__row.is-current{background:var(--t-tint)}
.tool-ladder__row span{font-size:var(--t-btn);font-weight:600;color:var(--utd-ink)}
.tool-ladder__track{height:var(--sp-3);border-radius:var(--sp-1);background:#E2E9F0;overflow:hidden}
.tool-ladder__track i{display:block;height:100%;border-radius:var(--sp-1);background:#6FA6DC;transform-origin:left center;transition:transform .28s ease}
.tool-ladder__row.is-current .tool-ladder__track i{background:var(--utd-action)}
.tool-ladder__row b{font-size:var(--t-h4);font-weight:700;text-align:right;color:var(--utd-ink)}
.tool-ladder__row small{font-size:var(--t-small);text-align:right;color:var(--utd-body-ink)}
.tool-ladder__row em{font-size:var(--t-small);font-style:normal;text-align:right;color:var(--utd-ink)}
.utd-home .tool-work .tool-ladder__key{margin-top:var(--sp-3);font-size:var(--t-small);line-height:var(--lh-small)}

/* Sections */
.tool-section{color:var(--utd-body-ink)}
.utd-home .tool-section h2{color:var(--utd-ink);text-wrap:balance}
.utd-home .tool-section p{color:var(--utd-body-ink);text-wrap:pretty}
.tool-formula,.tool-related,.hub-why{background:#fff}
.tool-eq{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3) var(--sp-4);margin-top:var(--head-gap);padding-block:var(--sp-5);border-block:1px solid var(--utd-line);font-size:var(--t-h2);line-height:var(--lh-h2);letter-spacing:var(--track-h3);color:var(--utd-ink)}
.eq-term{font-weight:600}
.eq-op{font-weight:300;color:var(--utd-action)}
.eq-frac{display:inline-grid;font-weight:500;text-align:center}
.eq-frac span:first-child{padding:0 var(--sp-2) var(--sp-1);border-bottom:2px solid var(--utd-ink)}
.eq-frac span:last-child{padding:var(--sp-1) var(--sp-2) 0}
.eq-frac sup{font-size:.62em}
.tool-formula__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-7);align-items:start;margin-top:var(--head-gap)}
.utd-home .tool-plain p{max-width:35rem;font-size:var(--t-body);line-height:var(--lh-body)}
.tool-plain p+p{margin-top:var(--sp-3)}
.tool-plain strong{font-weight:600;color:var(--utd-ink)}
.tool-ledger{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.tool-ledger caption{padding-bottom:var(--sp-2);font-size:var(--t-h4);font-weight:600;line-height:var(--lh-h4);text-align:left;color:var(--utd-ink)}
.tool-ledger th,.tool-ledger td{padding-block:var(--sp-2);border-top:1px solid var(--utd-line);font-size:var(--t-body);line-height:var(--lh-small)}
.tool-ledger th{font-weight:400;text-align:left;color:var(--utd-body-ink)}
.tool-ledger td{padding-left:var(--sp-4);font-weight:600;text-align:right;color:var(--utd-ink);white-space:nowrap}
.tool-ledger .is-total th,.tool-ledger .is-total td{border-top:2px solid var(--utd-ink);font-size:var(--t-h3);font-weight:700;letter-spacing:var(--track-h3);color:var(--utd-ink)}

.tool-faq{--faq-line:#C4D2DF;background:var(--utd-mist)}
.tool-faq__grid{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,1fr);gap:var(--sp-7);align-items:start}
.utd-tools .utd-faq summary{color:var(--utd-ink)}
.utd-home .tool-faq .utd-faq details p{color:var(--utd-body-ink)}

.utd-home .tool-related__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.tool-related__card{display:flex;flex-direction:column;transition:border-color .18s}
.tool-related__card:hover{border-color:var(--utd-action)}
.utd-home .tool-section .tool-related__card p{flex:1;margin-top:var(--sp-2);font-size:var(--t-small);line-height:var(--lh-small)}
.tool-related__card .utd-link{margin-top:var(--sp-2)}

/* Phone and tablet peek bar: the same footprint as the call bar, which steps aside while it shows. */
.tool-peek{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;align-items:center;gap:var(--sp-3);min-height:var(--callbar);padding:var(--sp-2) var(--gutter) calc(var(--sp-2) + env(safe-area-inset-bottom,0px));background:var(--utd-deep);border-top:1px solid var(--home-border);transform:translateY(110%);transition:transform .2s}
.utd-home .tool-peek{color:#fff}
.tool-peek.is-on{transform:none}
.tool-peek span{min-width:0;font-size:var(--t-small);line-height:1.2}
.tool-peek strong{margin-left:auto;font-size:var(--t-h3);font-weight:700;line-height:var(--lh-h3);letter-spacing:var(--track-h3);font-variant-numeric:tabular-nums;white-space:nowrap}
.tool-peek em{flex:none;font-size:var(--t-small);font-style:normal;color:var(--utd-sky);text-decoration:underline;text-underline-offset:3px}
.is-waiting .tool-peek span{display:none}
.is-waiting .tool-peek strong{margin-left:0;font-size:var(--t-small);font-weight:600;letter-spacing:0;white-space:normal}
.is-waiting .tool-peek em{margin-left:auto}

/* Hub: four working calculators, white cards with a navy answer. */
.tool-work--hub .home-wrap{position:relative;z-index:2}
.utd-home .hub-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-top:calc(-1*var(--sp-7));padding:var(--sp-1) var(--sp-4)}
.utd-home .tool-work .hub-bar p{font-size:var(--t-small);font-weight:500;line-height:var(--lh-small);color:var(--utd-ink);text-wrap:pretty}
.utd-home .tool-work .hub-bar p span{font-weight:400;color:var(--utd-body-ink)}
.hub-bar .utd-link{flex:none;white-space:nowrap}
.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--grid-gap);margin-top:var(--grid-gap)}
.hub-card{display:flex;flex-direction:column;min-width:0}
.hub-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:44px}
.utd-home .hub-card h2{font-size:var(--t-h3);font-weight:600;line-height:var(--lh-h3);letter-spacing:var(--track-h3);color:var(--utd-ink)}
.hub-card h2 a:hover{color:var(--utd-action)}
.hub-card .utd-link{flex:none;white-space:nowrap}
.hub-card__body{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--sp-5);flex:1;margin-top:var(--sp-3)}
.hub-card__body .tool-fields{align-content:start}
.utd-home .hub-card .tf.is-example .tf__tag{display:none}
.hub-result{display:flex;flex-direction:column;justify-content:center;padding:var(--sp-4);background:var(--utd-deep);border-radius:var(--r-card)}
.utd-home .hub-result h3{font-size:var(--t-h4);line-height:var(--lh-h4);color:#fff}
.utd-home .tool-work .hub-result__big{margin-top:var(--sp-1);font-size:var(--t-h2);font-weight:700;line-height:var(--lh-h2);letter-spacing:var(--track-h2);color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.utd-home .tool-work .hub-result__big.is-waiting{font-size:var(--t-h3);font-weight:500;line-height:var(--lh-h3);letter-spacing:var(--track-h3);color:var(--utd-sky);white-space:normal}
.utd-home .tool-work .hub-result__line{margin-top:var(--sp-2);font-size:var(--t-small);line-height:var(--lh-small);color:#DCE7F1;text-wrap:pretty}
.hub-why__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-7);align-items:center}
.hub-why img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-card)}
.utd-home .hub-why h2 span{display:block;font-weight:300;color:var(--utd-action)}
.utd-home .hub-why p{margin-top:var(--sp-4);font-size:var(--t-body);line-height:var(--lh-body)}
.hub-why__links{margin-top:var(--sp-5)}

/* Compact desktop: narrower columns, so the answer stacks and the long rows simplify. */
@media(max-width:1180px){
  .hub-card__body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}
}
@media(min-width:901px) and (max-width:1180px){
  .tf--stack{grid-column:1/-1}
  .tool-legend{column-gap:var(--sp-3)}
  .tool-legend li em{display:none}
  .tool-stats--3{grid-template-columns:minmax(0,1fr)}
  .tool-stats--3>div{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);padding-right:0}
  .tool-stats--3>div+div{padding-left:0;border-left:0}
}

/* Tablet */
@media(max-width:900px){
  .tool-grid{grid-template-columns:minmax(0,1fr)}
  .tool-result,.admin-bar .tool-result{position:static}
  .tool-peek{display:flex}
  .utd-home .tf input{scroll-margin-bottom:calc(var(--callbar) + var(--sp-4))}
  .tool-hero__inner{grid-template-columns:minmax(0,1fr) auto}
  .tool-hero__photo{width:100%;opacity:.5}
  .utd-home .tool-hero h1,.utd-home .tool-hero__answer{grid-column:1/-1}
  .utd-home .tool-hero__answer{max-width:40rem}
  .hub-grid{grid-template-columns:minmax(0,1fr)}
  .hub-card__body{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-rows:none}
  .tool-faq__grid,.tool-formula__grid{grid-template-columns:minmax(0,1fr);gap:var(--head-gap)}
}

/* Phone */
@media(max-width:640px){
  .tool-hero__inner{grid-template-columns:minmax(0,1fr);gap:var(--sp-2);padding-bottom:var(--sp-8)}
  .tool-hero h1 span{display:none}
  .utd-home .tool-hero__answer{font-size:var(--t-small);line-height:var(--lh-small)}
  .tool-tabs{grid-column:1;grid-row:auto;justify-self:stretch;order:4;margin-top:var(--sp-1)}
  .utd-home .tool-tabs .utd-chip{flex:1 1 0;min-width:0;padding-inline:var(--sp-2);text-align:center}
  .utd-home .tool-hero .tool-hero__note{grid-column:1;grid-row:auto;justify-self:start;order:5}

  .tool-group{margin-top:var(--sp-4)}
  .tf--stack{grid-column:1/-1}
  .utd-home .tf__tag{display:none!important}
  .tool-form .tf__hint{display:none}
  .tool-form .tf:focus-within .tf__hint{display:block}
  .tool-form .tf:not(.tf--wide) .tf__suf--rate{display:none}

  .tool-result__top{display:block}
  .tool-stats--side{margin-top:var(--sp-3)}
  .tool-legend{grid-template-columns:minmax(0,1fr)}
  .tool-stats--3{grid-template-columns:minmax(0,1fr)}
  .tool-stats--3>div{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);padding-right:0}
  .tool-stats--3>div+div{padding-left:0;border-left:0}

  .tool-moves{grid-template-columns:minmax(0,1fr);gap:var(--sp-3)}
  .tool-moves li,.tool-moves li:first-child{padding:0}
  .tool-moves li+li{padding-top:var(--sp-3);border-left:0;border-top:1px solid var(--utd-line)}
  .tool-table th,.tool-table td{padding-inline:var(--sp-2);font-size:var(--t-small)}
  .tool-table th:last-child,.tool-table td:last-child{display:none}
  .tool-table tbody th{white-space:nowrap}
  .tool-table tbody tr{height:var(--btn-sm)}
  .tool-ladder__row{grid-template-columns:82px minmax(0,1fr) auto;gap:var(--sp-1) var(--sp-3);padding:var(--sp-2) var(--sp-3)}
  .tool-ladder__row small{grid-column:1;text-align:left}
  .tool-ladder__row em{grid-column:2/4;grid-row:2}
  .tool-eq{font-size:var(--t-h3);line-height:var(--lh-h3)}

  .utd-home .tool-work .hub-bar p span{display:block}
  .hub-card__body{grid-template-columns:minmax(0,1fr)}
  .hub-result{order:-1}
  .hub-why__grid{grid-template-columns:minmax(0,1fr);gap:var(--sp-5)}
}

/* Small phone: two number fields still fit side by side once the units step back to the labels. */
@media(max-width:380px){
  .tool-form .tf:not(.tf--wide) .tf__suf:not(.tf__suf--keep),.hub-card .tf:not(.tf--wide) .tf__suf:not(.tf__suf--keep){display:none}
  .utd-home .tf__box{gap:var(--sp-1)}
  .tool-profit{grid-template-columns:minmax(0,1fr)}
  .tool-actions svg{display:none}
  .tool-peek em{display:none}
}

/* Short screens: keep the sticky answer inside the viewport. */
@media(min-width:901px) and (max-height:820px){
  .tool-result [data-out=short],.tool-mpgcard .tool-result__bemiles,.utd-home .tool-result .tool-bookmark{display:none}
  .utd-home .tool-result h3.tool-result__sub{margin-top:var(--sp-3)}
}
@media(min-width:901px) and (max-height:640px){
  .tool-result,.admin-bar .tool-result{position:static}
}

@media(prefers-reduced-motion:reduce){.tool-bar i,.tool-ladder__track i,.tool-peek{transition:none}}

/* Print: fields and result on one sheet. */
.tool-print-head{display:none}
@media print{
  @page{margin:.5in}
  .utd-header,.home-header,.utd-footer,.home-footer,.home-sprite,.home-skip,.tool-hero,.tool-section,.tool-cta,.tool-banner,.tool-actions,.tool-copy-status,.tool-peek,.tool-chips,.tool-result__cross,.tool-shop,.tool-table .utd-link,.tool-mode,.tool-bookmark{display:none!important}
  html,body,.utd-home{background:#fff!important;color:#14304F!important}
  .tool-work{padding:0;background:#fff}
  .tool-print-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:14pt;padding-bottom:8pt;border-bottom:1pt solid #14304F;font-size:11pt}
  .tool-print-head p{text-align:right;color:#14304F}
  .tool-grid{grid-template-columns:1fr 1fr;gap:14pt;width:100%;margin:0}
  .home-wrap{width:100%}
  .utd-home .tool-form,.utd-home .tool-extra{padding:10pt;box-shadow:none;break-inside:avoid}
  .utd-home .tool-result{position:static;padding:10pt;background:#fff;border:1pt solid #14304F;box-shadow:none;break-inside:avoid}
  .tool-result *{color:#14304F!important}
  .utd-home .tool-work .tool-result .tool-result__big{font-size:40pt}
  .tool-bar{background:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .tool-bar i,.tool-legend i,.tool-stats i,.tool-ladder__track i{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .tool-mpgcard{padding:0;background:#fff}
  .utd-home .tf__box{height:auto;min-height:26pt;background:#fff}
  .tool-below{margin-top:12pt}
}