/* Fluid sizing: keep content inside the viewport, not a clipped desktop canvas. */
.wrap {width:min(var(--content),calc(100% - clamp(32px,5vw,96px)))}
.chapter-layout>*,.tft-introduction>*,.activity-layout>*,.help-layout>*,.footer-grid>*,.feedback-layout>* {min-width:0}
.nav-links {flex-wrap:wrap;justify-content:flex-end}
.nav-links a {white-space:nowrap}
.chapter-layout {grid-template-columns:minmax(0,.87fr) minmax(0,1.4fr)}
.chapter-layout.reversed {grid-template-columns:minmax(0,1.4fr) minmax(0,.87fr)}
.product-figure figcaption {flex-wrap:wrap}
.product-figure figcaption span:last-child {white-space:normal}
.footer-links a,.feature-list dd,.tool-feature p {overflow-wrap:anywhere}
@media(max-width:1100px) {
  /* A narrow screen must not crop the hero to a thin central strip. */
  .hero-art {width:100%;right:0;object-fit:contain;object-position:right center}
  .hero-ring {width:min(58vw,600px);right:2%;top:22%}
  .nav-links {gap:16px}
}
@media(max-width:900px) {
  .chapter-layout,.chapter-layout.reversed {grid-template-columns:minmax(0,1fr)}
  .hero-art {width:100%;right:0;object-fit:contain;object-position:right center;opacity:.48}
  .hero-ring {width:76vw;right:3%;top:20%}
  .feature-list {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px) {
  .hero-art {width:100%;height:65%;top:110px;right:0;object-fit:contain;object-position:center;opacity:.4}
  .hero-ring {width:88vw;right:0;top:160px}
  .hero-copy {width:100%;min-width:0}
  .activity-right {grid-template-columns:minmax(0,.7fr) minmax(0,1fr)}
  .quota strong {font-size:clamp(56px,18vw,78px)}
  .quota>span {margin-left:5px}
  .offer-pill {flex-wrap:wrap}
  .feature-list {display:block}
}
@media(max-width:360px) {
  .brand {gap:8px;font-size:17px}
  .nav {gap:10px}
  .nav-download {padding:8px 10px}
  .activity-right {grid-template-columns:1fr}
  .trial-steps {border-left:0;padding-left:0}
}