/* ---------- estimate teaser: the What we do panel's featured card (2026-10-18) ----------
   Loads right after site.css on every page (the shared head partial). The card is the panel's .mega-vis slot; site.css already places and sizes .mega-vis.
   The scrim (--est-scrim, defined in site.css) layers over --gd-mesh so the small white type stays above 4.5:1 (the bare gradient falls to about 3.4:1). */
.mega-est{background:var(--est-scrim),var(--gd-mesh)}
.mega-est:hover{transform:none}
.mega-est p{margin:0}
.mega-est[data-est-teaser] .glassy{background:var(--glass-bg-lite);box-shadow:inset 0 0 0 1px var(--glass-line-lite);gap:6px;padding:12px 14px 10px}
.mega-est[data-est-teaser] .glassy[hidden]{display:none}
.mega-est .glassy .row{font-size:var(--fs-cap);line-height:var(--lh-ui)}
.mega-est .glassy label{color:var(--white)}
.mega-est output{font-size:var(--fs-ui);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums}
.mega-est input[type=range]{-webkit-appearance:none;appearance:none;display:block;width:100%;height:24px;margin:0;background:transparent;cursor:pointer;touch-action:none}
.mega-est input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:var(--r-2xs);background:linear-gradient(90deg,var(--white) var(--p,100%),rgba(var(--white-rgb),.32) var(--p,100%))}
.mega-est input[type=range]::-moz-range-track{height:6px;border-radius:var(--r-2xs);background:rgba(var(--white-rgb),.32)}
.mega-est input[type=range]::-moz-range-progress{height:6px;border-radius:var(--r-2xs);background:var(--white)}
.mega-est input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-7px;border-radius:var(--r-round);background:var(--white);box-shadow:0 0 0 1px rgba(12,26,10,.25),0 2px 6px rgba(0,0,0,.25)}
.mega-est input[type=range]::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:var(--r-round);background:var(--white);box-shadow:0 0 0 1px rgba(12,26,10,.25),0 2px 6px rgba(0,0,0,.25)}
.mega-est input[type=range]:focus{outline:none}
.mega-est input[type=range]:focus-visible{outline:var(--focus-w) solid var(--focus-on-dark);outline-offset:var(--focus-offset);border-radius:var(--r-3xs)}
.mega-est .ticks{position:relative;height:15px;font-size:var(--fs-eyebrow);line-height:15px;color:var(--on-dark-3);font-variant-numeric:tabular-nums}
.mega-est .ticks span{position:absolute;top:0}
.mega-est .ticks span:nth-child(1){left:0}
.mega-est .ticks span:nth-child(2){left:calc(10px + (100% - 20px) * .2153);transform:translateX(-50%)}
.mega-est .ticks span:nth-child(3){right:0}
.mega-est .est-cap{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--fs-cap);color:var(--on-dark-3)}
.mega-est .est-cap .db-chip{height:var(--chip-h-s);font-size:var(--fs-mini);padding:0 6px}
.mega-est .est-n{display:flex;align-items:baseline;gap:6px;line-height:1}
.mega-est .est-n b{font-family:var(--hf);font-weight:var(--fw-medium);font-size:var(--fs-stat-lg);line-height:1;letter-spacing:var(--ls-display);font-variant-numeric:tabular-nums}
.mega-est .est-n small{font-size:var(--fs-ui)}
.mega-est .est-yr{font-size:var(--fs-cap);color:var(--on-dark-3);font-variant-numeric:tabular-nums}
/* the go-link carries .more-link so site.js copies it into the phone sheet; reset any panel-head pill styling for it */
.mega-est .go.more-link,.mega-est .go.more-link:hover{display:inline-flex;align-items:center;gap:6px;height:auto;padding:0;border-radius:0;background:none;box-shadow:none;white-space:normal;font-size:var(--fs-small);font-weight:var(--fw-medium);color:var(--white)}
.mega-est .go .ic{transition:transform var(--t-hover) var(--out)}


.mega-est .go:focus-visible,.mega-est .est-fn a:focus-visible{outline:var(--focus-w) solid var(--focus-on-dark);outline-offset:var(--focus-offset);border-radius:var(--r-3xs)}
.mega-est .est-fn{font-size:var(--fs-tag);line-height:var(--lh-fn);color:var(--on-dark-3);text-wrap:balance}
.mega-est .est-fn a{color:var(--white);text-decoration:underline;text-underline-offset:var(--ul-offset)}
@media (min-width:1241px){.mega>.mega-est{gap:5px;padding:16px 18px 14px}}
@media (prefers-reduced-motion:reduce){.mega-est,.mega-est *{transition:none!important}.mega-est .go:hover .ic{transform:none}}