/* MyFastCalcTools V17.21 — wide, naturally flowing calculator stage.
   The outer document scrolls; the centerpiece never becomes a scroll trap. */
.wtm-stage-home .container{width:min(1400px,calc(100% - 44px))}
.wtm-stage-home .hub-entry{padding-top:35px;gap:28px}
.wtm-stage-home .hub-entry h1{font-size:clamp(1.5rem,2.4vw,2.15rem)}
.wtm-stage-home .hub-shell{padding:18px 24px 16px;border-radius:25px}
.wtm-stage-home .hub-meta{padding:0 2px}
/* Always let the main card disclose all of its contents; no nested y-scrolling. */
.wtm-stage-home .hub-map.is-wide-stage .hub-workspace{
 max-height:none!important;overflow:visible!important;overscroll-behavior:auto;
}
.wtm-stage-home .hub-map.is-wide-stage #hub-ws-form[hidden]{display:none!important}
@media(min-width:1100px){
 .wtm-stage-home .hub-map.is-wide-stage{
  box-sizing:border-box;min-height:700px;height:auto!important;
  display:flex;align-items:center;justify-content:center;
  padding:72px 0 76px;position:relative;
 }
 .wtm-stage-home .hub-map.is-wide-stage .hub-workspace{
  position:relative;left:auto;top:auto;transform:none;
  flex:none;width:min(760px,61%);min-height:0;
  margin:0;padding:25px 29px 24px;border-radius:20px;
  box-shadow:0 19px 40px rgba(28,70,36,.13),0 2px 5px rgba(46,73,35,.055);
 }
 .wtm-stage-home .hub-map.is-wide-stage .hub-track{
  width:min(950px,74%);height:calc(100% - 88px);top:50%;opacity:.65;
  border-radius:47%;
 }
 .wtm-stage-home .hub-map.is-wide-stage .hub-topic{width:106px;height:106px;gap:7px}
 .wtm-stage-home .hub-map.is-wide-stage .hub-icon svg{width:24px;height:24px}
 .wtm-stage-home .hub-map.is-wide-stage .hub-label{font-size:.82rem;max-width:90px}
 .wtm-stage-home .hub-map.is-wide-stage .hub-ws-content{
  display:grid;grid-template-columns:minmax(0,1fr);min-width:0;
 }
 .wtm-stage-home .hub-map.is-wide-stage .hub-ws-overline{font-size:.72rem}
 .wtm-stage-home .hub-map.is-wide-stage .hub-workspace h2{font-size:clamp(1.5rem,2.1vw,1.85rem);margin:12px 0 5px}
 .wtm-stage-home .hub-map.is-wide-stage .hub-ws-description{font-size:.87rem;line-height:1.48;margin:0 0 20px;max-width:65ch}
 .wtm-stage-home .hub-map.is-wide-stage #hub-ws-form{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.96fr);
  gap:22px;align-items:start;
 }
 .wtm-stage-home .hub-map.is-wide-stage .hub-stage-inputs,
 .wtm-stage-home .hub-map.is-wide-stage .hub-stage-results{min-width:0}
 .wtm-stage-home .hub-map.is-wide-stage .hub-ws-fields{gap:12px}
 .wtm-stage-home .hub-map.is-wide-stage .hub-ws-fields label{font-size:.82rem;line-height:1.35}
 .wtm-stage-home .hub-map.is-wide-stage .hub-ws-fields input,
 .wtm-stage-home .hub-map.is-wide-stage .hub-ws-fields select{height:47px;min-height:47px;font-size:1rem}
 .wtm-stage-home .hub-map.is-wide-stage .hub-ws-answer{
  margin:0;padding:19px 19px 18px;border-radius:15px;
  min-height:148px;justify-content:center;
 }
 .wtm-stage-home .hub-map.is-wide-stage #hub-ws-answer-label{font-size:.78rem}
 .wtm-stage-home .hub-map.is-wide-stage #hub-ws-answer-value{font-size:clamp(1.9rem,2.9vw,2.7rem)}
 .wtm-stage-home .hub-map.is-wide-stage #hub-ws-answer-note{font-size:.77rem;line-height:1.5}
 .wtm-stage-home .hub-map.is-wide-stage .hub-ws-glance{margin:14px 0 0;gap:9px}
 .wtm-stage-home .hub-map.is-wide-stage .hub-ws-glance>div{padding:11px 12px}
 .wtm-stage-home .hub-map.is-wide-stage .hub-ws-glance strong{font-size:1rem}
 .wtm-stage-home .hub-map.is-wide-stage .hub-quick-actions{margin-top:12px}
 .wtm-stage-home .hub-map.is-wide-stage .hub-ws-advanced{margin-top:17px;padding-top:12px}
 .wtm-stage-home .hub-map.is-wide-stage .hub-ws-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .wtm-stage-home .hub-map.is-wide-stage .hub-ws-breakdown{margin-top:18px}
 .wtm-stage-home .hub-map.is-wide-stage .hub-ws-link{margin-top:16px;padding:13px 17px}
 .wtm-stage-home .hub-map.is-wide-stage .hub-tool-panel,
 .wtm-stage-home .hub-map.is-wide-stage.is-catalog-menu .hub-tool-panel{
  width:calc(100% + 58px);margin:-25px -29px 19px;top:-25px;padding:14px 20px 15px;
 }
 /* Using natural document flow means advanced assumptions expand the stage
    rather than clipping behind a fixed-height viewport. */
 .wtm-stage-home .hub-map.is-wide-stage .hub-workspace:has(#hub-ws-advanced[open]) .hub-ws-answer{
  position:static;box-shadow:none;
 }
}
@media(max-width:1099px){
 .wtm-stage-home .hub-map.is-wide-stage{height:auto!important}
 .wtm-stage-home .hub-map.is-wide-stage .hub-workspace{max-height:none;overflow:visible}
 .wtm-stage-home .hub-map.is-wide-stage .hub-stage-inputs,
 .wtm-stage-home .hub-map.is-wide-stage .hub-stage-results{min-width:0}
 .wtm-stage-home .hub-map.is-wide-stage .hub-stage-results{margin-top:15px}
}
@media(max-width:760px){
 .wtm-stage-home .container{width:calc(100% - 26px)}
 .wtm-stage-home .hub-entry{padding:17px 0 13px;gap:10px}
 .wtm-stage-home .hub-entry h1{font-size:clamp(1.34rem,5vw,1.6rem)}
 .wtm-stage-home .hub-shell{padding:12px 10px 13px;border-radius:18px}
 .wtm-stage-home .hub-map.is-wide-stage .hub-stage-results{margin-top:13px}
}
@media(prefers-reduced-motion:reduce){
 .wtm-stage-home .hub-map.is-wide-stage .hub-workspace{scroll-behavior:auto!important}
}
/* Tablets have enough room for a real working stage, not a vertically stacked
   phone card. Only narrow phones keep the single-column layout. */
@media(min-width:740px) and (max-width:1099px){
 .wtm-stage-home .hub-map.is-wide-stage .hub-workspace{padding:24px 26px}
 .wtm-stage-home .hub-map.is-wide-stage #hub-ws-form{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:20px;align-items:start;
 }
 .wtm-stage-home .hub-map.is-wide-stage .hub-stage-results{margin-top:0}
 .wtm-stage-home .hub-map.is-wide-stage .hub-ws-answer{margin-top:0;min-height:144px}
 .wtm-stage-home .hub-map.is-wide-stage .hub-ws-description{max-width:67ch}
}