/* Estimator pages (12 identical copies, one per calculator, until the lead folds these rules into site.css's .est block).
   1. One primary per screen (owner item 31): the engine's own "See this against your real numbers →" (estimators.js
      renders it as a.btn.btn-primary) is drawn as a text link, like the CTA panel's .link, so the panel's "Request a
      private briefing" is the only filled primary. The mount carries data-ask, which marks the page's own ask;
      since owner item 42 it has no runtime effect (the pinned header keeps its own ask). Words unchanged.
   2. Results as ruled rows (label | figure) instead of auto-fit tiles: 4 outputs no longer leave an orphan on its own
      row, and a large figure (up to "$20,000,000,000" at the sliders' maxima) has the width it needs. */
.est .est__cta a.btn{display:inline;height:auto;padding:12px 0;border-radius:0;background:transparent;color:var(--head);box-shadow:none;font:500 16px/1.5 var(--f-sans);white-space:normal;text-align:left;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;text-decoration-color:color-mix(in srgb,currentColor 55%,transparent);transition:text-decoration-color .2s var(--ease)}
.est .est__cta a.btn:hover{background:transparent;text-decoration-color:currentColor}
.est .est__cta a.btn:active{transform:none}
.est__results{display:block;margin-top:32px;padding-top:0;border-top:1px solid var(--rule)}
.est__result{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:6px 32px;padding:18px 0 17px;border-bottom:1px solid var(--rule)}
.est__result-label{grid-column:1;grid-row:1;font-size:16px;line-height:1.45;color:var(--body)}
.est__result-num{grid-column:2;grid-row:1;text-align:right;font-size:38px;overflow-wrap:anywhere}
.est__note{margin-top:20px}
/* 3. Chrome gives a range input 2px side margins; with the shell width:100% it ran 4px past its field at every width */
.est__field input[type=range]{display:block;margin:4px 0 0}
/* 4. JavaScript off: the <noscript> in the mount carries the engine's own render at its default inputs (the same
      words, from estimators.json, controls disabled); a <noscript><style> in the page head hides the loading line */
.est__form :disabled{cursor:default}
@media (max-width:699px){
  #estimator{padding-top:40px;padding-bottom:64px}
  .est__result{grid-template-columns:minmax(0,1fr);padding:16px 0 15px}
  .est__result-num{grid-column:1;grid-row:auto;text-align:left;font-size:32px}
  .est__result-label{grid-row:auto;font-size:15.5px}
}