/* Layout, grid, breakpoints, elevation. */
:root{
  --bp-wide:1500px;
  --bp-desktop:1280px;
  --bp-laptop:961px;
  --bp-tablet:768px;
  --bp-mobile:600px;

  --reading-column:1200px;
  --grid-gutter:var(--space-xxl);
  --band-height:100vh;
  --hairline:1px;

  /* Elevation: level 0 flat, level 1 photographic. No shadow tokens exist. */
  --elevation-0:none;
  --elevation-1-media:cover;
  --touch-target-min:44px;
}
.ds-reading-column{width:100%;max-width:var(--reading-column);margin-inline:auto;padding-inline:var(--space-xl)}
.ds-band{position:relative;width:100%;min-height:var(--band-height);display:grid;overflow:hidden}
.ds-hairline-dark{border:0;border-top:var(--hairline) solid var(--color-hairline-on-dark);margin:0}
.ds-hairline-light{border:0;border-top:var(--hairline) solid var(--color-hairline-on-light);margin:0}