/* MyFastCalcTools V17.22 — stage clarity, scoped to the homepage only.
   Preserve V17.21's wide calculator and document scrolling; override only
   mobile topic density, answer hierarchy, peripheral placement and clearance. */
.wtm-stage-home .hub-workspace{scroll-margin-top:88px;scroll-margin-bottom:135px}
.wtm-stage-home .hub-stage-results,.wtm-stage-home .hub-ws-answer,
.wtm-stage-home .hub-ws-breakdown{min-width:0}
.wtm-stage-home .hub-topic-toggle{display:none}

/* The outcome is the centerpiece. Secondary information stays restrained. */
.wtm-stage-home .hub-ws-answer{
  background:linear-gradient(140deg,#edf6e9 0%,#e7f1e4 100%);
  border:1px solid #c9dfc8;box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.wtm-stage-home #hub-ws-answer-value{font-weight:700;line-height:1.12;letter-spacing:-.044em;text-wrap:balance}
.wtm-stage-home .hub-quick-actions{margin:9px 0 2px;gap:4px 12px}
.wtm-stage-home .hub-quick-actions button{
  color:#5a7864;border-bottom:1px solid transparent;
  font-size:.7rem;font-weight:500;padding:5px 2px;min-height:35px;
}
.wtm-stage-home .hub-quick-actions button:hover:not(:disabled),
.wtm-stage-home .hub-quick-actions button:focus-visible{border-bottom-color:#6a9b78;color:#205337}
.wtm-stage-home .hub-ws-glance{margin:10px 0 3px}
.wtm-stage-home .hub-ws-breakdown{
  margin-top:12px;padding:0;border:1px solid #dce7da;border-radius:11px;
  background:#f9fbf7;overflow:hidden;
}
.wtm-stage-home .hub-ws-breakdown>summary{
  display:list-item;list-style-position:inside;padding:11px 13px;
  color:#42624c;font-size:.77rem;line-height:1.45;font-weight:600;
}
.wtm-stage-home .hub-ws-breakdown[open]>summary{background:#f0f6ee;border-bottom:1px solid #e0e9df}
.wtm-stage-home .hub-ws-result-rows,
.wtm-stage-home .hub-ws-result-assumptions{margin-left:14px;margin-right:14px}
.wtm-stage-home .hub-ws-result-rows>div{flex-wrap:wrap;overflow-wrap:anywhere}
.wtm-stage-home .hub-ws-link{
  margin:10px 12px 12px;padding:11px 13px;border-radius:9px;font-size:.78rem;
}
.wtm-stage-home .hub-ws-advanced>summary{min-height:35px}
.wtm-stage-home .hub-ws-fields label{min-width:0;overflow-wrap:anywhere}
.wtm-stage-home .hub-ws-fields input,.wtm-stage-home .hub-ws-fields select{max-width:100%}

/* Desktop: the eight categories flank the performer. For narrow desktop
   widths the original conservative positions prevent bubble/card collisions;
   at large widths they move closer to the working stage. */
@media(min-width:1360px){
 .wtm-stage-home .hub-map.is-wide-stage .hub-topic:nth-child(1),
 .wtm-stage-home .hub-map.is-wide-stage .hub-topic:nth-child(7){--hx:15%!important}
 .wtm-stage-home .hub-map.is-wide-stage .hub-topic:nth-child(3),
 .wtm-stage-home .hub-map.is-wide-stage .hub-topic:nth-child(5){--hx:14%!important}
 .wtm-stage-home .hub-map.is-wide-stage .hub-topic:nth-child(2),
 .wtm-stage-home .hub-map.is-wide-stage .hub-topic:nth-child(8){--hx:85%!important}
 .wtm-stage-home .hub-map.is-wide-stage .hub-topic:nth-child(4),
 .wtm-stage-home .hub-map.is-wide-stage .hub-topic:nth-child(6){--hx:86%!important}
}
@media(min-width:1100px) and (max-width:1359px){
 .wtm-stage-home .hub-map.is-wide-stage .hub-topic:nth-child(3),
 .wtm-stage-home .hub-map.is-wide-stage .hub-topic:nth-child(5){--hx:11%!important}
 .wtm-stage-home .hub-map.is-wide-stage .hub-topic:nth-child(4),
 .wtm-stage-home .hub-map.is-wide-stage .hub-topic:nth-child(6){--hx:89%!important}
}
@media(min-width:1100px){
 .wtm-stage-home .hub-map.is-wide-stage .hub-topic[aria-pressed="true"]{
   box-shadow:0 8px 19px rgba(22,61,36,.18),0 0 0 5px #c9dfca;
 }
 .wtm-stage-home .hub-map.is-wide-stage .hub-ws-answer{min-height:156px}
 .wtm-stage-home .hub-map.is-wide-stage .hub-stage-results{
   align-self:start;display:flex;flex-direction:column;min-width:0;
 }
 .wtm-stage-home .hub-map.is-wide-stage .hub-ws-glance{grid-template-columns:repeat(2,minmax(0,1fr))}
 .wtm-stage-home .hub-map.is-wide-stage .hub-ws-breakdown{margin-top:16px}
}

/* Tablet: eight topics occupy two intentional rows, not seven plus an orphan;
   calculator inputs/results remain two columns where usable. */
@media(min-width:740px) and (max-width:1099px){
 .wtm-stage-home .hub-map.is-wide-stage .hub-topics{
   grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;
 }
 .wtm-stage-home .hub-map.is-wide-stage .hub-topic{height:68px;max-width:none}
 .wtm-stage-home .hub-map.is-wide-stage .hub-ws-answer{min-height:150px}
}
@media(min-width:740px) and (max-width:899px){
 .wtm-stage-home .hub-map.is-wide-stage .hub-ws-fields{
   grid-template-columns:minmax(0,1fr);
 }
 .wtm-stage-home .hub-map.is-wide-stage .hub-ws-advanced-grid{
   grid-template-columns:minmax(0,1fr);
 }
 .wtm-stage-home .hub-map.is-wide-stage .hub-ws-fields label:first-child:nth-last-child(3),
 .wtm-stage-home .hub-map.is-wide-stage .hub-ws-fields label:only-child{grid-column:auto}
}

/* Phones: one row of frequently used categories, with the other four behind
   an explicit and accessible expansion control. Calculator stays in view. */
@media(min-width:740px) and (max-width:820px){
 html:has(.wtm-stage-home){scroll-padding-bottom:calc(132px + env(safe-area-inset-bottom,0px))}
 body.wtm-stage-home{padding-bottom:calc(135px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:739px){
 html:has(.wtm-stage-home){scroll-padding-top:76px;scroll-padding-bottom:calc(132px + env(safe-area-inset-bottom,0px))}
 body.wtm-stage-home{padding-bottom:calc(135px + env(safe-area-inset-bottom,0px))}
 .wtm-stage-home .hub-map.is-wide-stage .hub-topics{
   display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;
 }
 .wtm-stage-home .hub-map.is-wide-stage:not(.topics-expanded) .hub-topic:not([data-mobile-primary]){display:none}
 .wtm-stage-home .hub-map.is-wide-stage .hub-topic{
   min-width:0;height:60px;border-radius:13px;padding:5px 3px;
 }
 .wtm-stage-home .hub-map.is-wide-stage .hub-topic .hub-label{font-size:.69rem;line-height:1.14}
 .wtm-stage-home .hub-map.is-wide-stage .hub-topic-toggle{
   display:flex;align-items:center;justify-content:center;gap:7px;
   order:1;align-self:center;border:0;background:transparent;
   color:#456c50;font:600 .73rem/1.2 'IBM Plex Sans',sans-serif;
   min-height:38px;padding:7px 12px;border-radius:9px;
 }
 .wtm-stage-home .hub-map.is-wide-stage .hub-topic-toggle svg{width:15px;height:15px;transition:transform .2s ease}
 .wtm-stage-home .hub-map.is-wide-stage.topics-expanded .hub-topic-toggle svg{transform:rotate(180deg)}
 .wtm-stage-home .hub-topic-toggle:hover{background:#dfece0}
 .wtm-stage-home .hub-topic-toggle:focus-visible{outline:3px solid #b18958;outline-offset:2px}
 .wtm-stage-home .hub-map.is-wide-stage{gap:4px;margin-top:7px}
 .wtm-stage-home .hub-workspace{scroll-margin-top:76px;scroll-margin-bottom:145px}
 .wtm-stage-home .hub-ws-answer{padding:16px 14px;min-height:115px}
 .wtm-stage-home #hub-ws-answer-value{font-size:clamp(1.9rem,7.5vw,2.65rem)}
 .wtm-stage-home .hub-ws-breakdown{margin-top:12px}
 .wtm-stage-home .hub-quick-actions button{min-height:44px;font-size:.74rem}
 .wtm-stage-home .hub-ws-glance>div{padding:9px}
 .wtm-stage-home .hub-map.is-wide-stage .hub-tool-panel{scroll-margin-top:76px}
}
@media(max-width:359px){
 .wtm-stage-home .hub-map.is-wide-stage .hub-topic .hub-label{font-size:.65rem}
 .wtm-stage-home .hub-map.is-wide-stage .hub-topic{height:58px}
 .wtm-stage-home .hub-map.is-wide-stage .hub-ws-fields{grid-template-columns:minmax(0,1fr)}
 .wtm-stage-home .hub-map.is-wide-stage .hub-ws-fields label:first-child:nth-last-child(3),
 .wtm-stage-home .hub-map.is-wide-stage .hub-ws-fields label:only-child{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
 .wtm-stage-home .hub-topic-toggle svg{transition:none!important}
}