:root{
  /* Responsive grid, transcribed from the style guide (1920 → 320) */
  --grid-columns:12;/* @kind other */
  --grid-gutter:32px;
  --grid-margin-1920:220px;
  --grid-margin-1440:32px;
  --grid-margin-1152:32px;
  --grid-margin-768:16px;
  --grid-margin-320:16px;
  --grid-gutter-768:20px;
  --grid-gutter-320:20px;

  --bp-sm:320px;
  --bp-md:768px;
  --bp-lg:1152px;
  --bp-xl:1440px;
  --bp-2xl:1920px;

  --container-max:1480px;   /* 1920 − 2×220 */
  --measure-prose:68ch;/* @kind other */

  --header-height:72px;
  --sidebar-width:264px;
  --sidebar-width-collapsed:72px;

  --z-base:0;/* @kind other */
  --z-sticky:100;/* @kind other */
  --z-overlay:200;/* @kind other */
  --z-modal:300;/* @kind other */
  --z-toast:400;/* @kind other */
  --z-tooltip:500;/* @kind other */
}
@media (max-width:1151px){:root{--grid-columns:8;/* @kind other */--grid-gutter:20px}}
@media (max-width:767px){:root{--grid-columns:4;/* @kind other */--grid-gutter:20px}}