/* v1.1 — CLOSED DECISION (02-AUTHORITY + 04-TOKEN-PATCH/layout-v1.1.css).
   Breakpoints: mobile <768px, tablet 768–1023px, desktop >=1024px. */
:root{
  --js-grid-columns-desktop:12; /* @kind other */
  --js-grid-columns-tablet:8; /* @kind other */
  --js-grid-columns-mobile:4; /* @kind other */
  --js-grid-gutter-desktop:24px;
  --js-grid-gutter-tablet:20px;
  --js-grid-gutter-mobile:16px;
  --js-page-margin-desktop:clamp(4vw,4.5vw,5vw);
  --js-page-margin-tablet:32px;
  --js-page-margin-mobile:20px;

  /* Editorial content cap. Media and colour fields may go full-bleed. */
  --js-container-max:1440px;
  --js-content-max:1440px;

  /* Live values, remapped at the two breakpoints. Desktop is the default. */
  --js-page-margin:var(--js-page-margin-desktop);
  --js-grid-columns:var(--js-grid-columns-desktop); /* @kind other */
  --js-grid-gutter:var(--js-grid-gutter-desktop);
}
@media (max-width:1023px){:root{--js-page-margin:var(--js-page-margin-tablet);--js-grid-columns:var(--js-grid-columns-tablet); /* @kind other */ --js-grid-gutter:var(--js-grid-gutter-tablet)}}
@media (max-width:767px){:root{--js-page-margin:var(--js-page-margin-mobile);--js-grid-columns:var(--js-grid-columns-mobile); /* @kind other */ --js-grid-gutter:var(--js-grid-gutter-mobile)}}