/* L82 — GLOBAL LAYOUT RULE: every screen fills the full width of the window, at any width (no centred, capped column).
   One knob: --page-max (default none). Gutters: --page-gutter. Loaded LAST on purpose so older per-screen caps
   (main 1200/1680/1740/1760px, .hx 1640px, .td 1180px, .hc 640px) can no longer shrink the content.
   Opt-out for reading-width content only (forms/text): add class "page-narrow" to the screen root, or edit --page-max in :root.
   Not capped on purpose: Settings panel and the style guide (form / reference pages), modals and drawers. */
:root{--page-max:none;--page-gutter:clamp(12px,1.5vw,32px)}
html body main,html body main:has(.lf-top){max-width:var(--page-max);width:auto;margin-inline-end:0}
html body main:has(.lf-top){margin-inline-start:0}
html body main>:where(*):not(.settings-panel):not(.sg):not(.page-narrow){max-width:none}
html body main .hx,html body main .td,html body main .hc,html body main .md{max-width:none}
html body main .hx,html body main .td{margin-inline:0}
html body main .hc,html body main .md{margin-inline:0}
@media(min-width:900px){
  html body main{padding-inline:var(--page-gutter)}
  html body main .hc{padding-inline:0}
}
/* keep long text lines readable even when the screen is wide (descriptions, hints) */
html body main :where(.insight-muted,.dmd-card-h p,.tm-card-h p,.tm-hero p){max-width:68ch}