/* ============================================================================
   AISENSUM — global layout tokens
   ----------------------------------------------------------------------------
   Derived from measuring how six enterprise sites actually handle desktop
   layout (OpenAI, Stripe, Linear, Vercel, Notion, 11x.ai), at 1280 and 1920:

     site        container @1280      container @1920      body   h2    header
     OpenAI       736 (57.5%)          736 (38.3%)          14px  22px  64px
     Stripe      1199 (93.7%)         1232 (64.2%)          32px  32px  76px
     Notion      1079 (84.3%)         1252 (65.2%)          14px  54px  64px
     Linear      1245 (97.3%)         1344 (70.0%)          15px  40>48 73px
     Vercel      1217 (95.1%)         1400 (72.9%)          24px  56px  64px
     11x.ai      1137 (88.8%)         1440 (75.0%)          16px  64px  ~64px

   The pattern is unanimous: THE CONTAINER GROWS AND THEN CAPS; body text, h2,
   h3, header height and section padding are FIXED. Only the hero display
   heading scales, and only modestly (0-14%, except 11x at 46%).

   So: containers fill ~89% of the viewport and cap between 1250 and 1440,
   putting them at 64-75% of a 1920 screen. Everything else stays put.

   --as-fill is the single global knob for how much of the screen the content
   uses before it caps. Raise it for a fuller look, lower it for more margin.
   ========================================================================== */
:root{
  --as-fill: 89vw;
}