/* Version C case pages only — structural reading column (no per-image shrinking).
   One reading container (~820px) beside the TOC; body text inside capped ~600px; images fill the container;
   wide diagrams / multi-column grids break out to ~1080px. */
.cs-page .cw-text{max-width:600px!important;font-size:17.5px!important;line-height:1.62!important}
.cs-page :is(.cw-break,.cw-card) .cw-text{max-width:none!important}
@media (min-width:821px){
  /* archive pages: TOC | 820 column | breakout room */
  .cs-page .lv .article{grid-template-columns:190px minmax(0,820px) minmax(0,1fr)!important;column-gap:48px!important}
  .cs-page .lv .article>main{width:100%!important;max-width:820px!important}
  /* Nayya pages (no side TOC): one centered 820 column */
  body:not(.cw-keep) .cs-page .lv-sheet section>.wrap,body:not(.cw-keep) .cs-page .lv-sheet>.wrap{width:min(820px,calc(100vw - 72px))!important;margin-left:auto!important;margin-right:auto!important}
  /* media fill the column */
  .cs-page .lv-sheet :is(.media,figure,.research-video,.asset):not(.cw-break){max-width:100%!important}
  .cs-page .lv-sheet .cw-fill{width:100%!important;margin-left:0!important;margin-right:0!important}
  .cs-page .lv-sheet .cw-fill>img,.cs-page .lv-sheet .cw-fill>video,.cs-page .lv-sheet .cw-fill :is(img,video){width:100%!important;height:auto!important;max-width:100%!important}
  /* breakouts: centered in Nayya columns, extending right beside the archive TOC */
  .cs-page .lv-sheet .wrap>.cw-break,.cs-page .lv-sheet .wrap .cw-break{width:min(1080px,calc(100vw - 72px))!important;max-width:none!important;margin-left:calc((100% - min(1080px,calc(100vw - 72px)))/2)!important;margin-right:0!important}
  .cs-page .lv .article>main .cw-break{width:min(1080px,calc(100vw - 350px))!important;max-width:none!important;margin-left:0!important}
  .cs-page .lv .article>main .cw-break :is(img,video){width:100%!important;height:auto!important}
  /* Modu pages: already TOC | 820; cap body text */
  .cs-page .cs-body{max-width:600px}
}
