/* work/understand (Research): this page's window sizes only. The frame is shared/site.css; the cards are shared/app-cards.css.
   Window sizes live here, not in a style attribute, so the narrow rule in site.css (.fit .win{--dw:430}) can reach them. */
/* red team wave 2: ONE hero window (780×580) and ONE stage window (900×660) on all six work pages, so the drawn UI keeps one
   scale: u ≈ 0.95 in the hero and in the stages at 1440, ≈ 0.88–0.90 at 1366, and ≥ 0.95 at 1440×780 (the design report's
   900/960 widths gave 0.82 in the hero against 0.90 in the stages, and 8–9 px window text at 1366). Phones: 430 × 640 / 760.
   A short laptop screen: the hero section drops its section padding so the window's caption stays above the fold
   (the shared rule sets the hero's own padding only; logged for shared/site.css). */
@media (max-height:820px) and (min-width:900px){.sec-hero{padding-top:0}}
.w-rs-hero{--dw:780;--dh:580}
.w-rs{--dw:900;--dh:660}
.w-rs .cv-report{width:calc(var(--u)*360)}
.w-rs .w-ctext{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:899px){
  .fit .w-rs{--dh:760}
  .w-rs .cv-report{width:100%}
  .fit .w-rs-hero{--dh:640}
  .w-rs .pc-choice ul{grid-template-columns:minmax(0,1fr)}
  .w-rs .pc-choice li small{display:none}
  .w-rs .c-paper{flex:none} /* the report is as tall as its text on a phone, never a stretched empty sheet */
}