/* Batch 08 · shells / grids / space rhythm (chrome-* body classes) */

body.atelier:is(
.theme-t201, .theme-t202, .theme-t203, .theme-t204, .theme-t205,
.theme-t206, .theme-t207, .theme-t208, .theme-t209, .theme-t210,
.theme-t211, .theme-t212, .theme-t213, .theme-t214, .theme-t215,
.theme-t216, .theme-t217, .theme-t218, .theme-t219, .theme-t220,
.theme-t221, .theme-t222, .theme-t223, .theme-t224, .theme-t225,
.theme-t226, .theme-t227, .theme-t228, .theme-t229, .theme-t230,
.theme-t231, .theme-t232, .theme-t233, .theme-t234, .theme-t235,
.theme-t236, .theme-t237, .theme-t238, .theme-t239, .theme-t240,
.theme-t241, .theme-t242, .theme-t243, .theme-t244, .theme-t245,
.theme-t246, .theme-t247, .theme-t248, .theme-t249, .theme-t250
) {
  --pad-card: var(--pad-card, 1rem);
  --gap-grid: var(--gap-grid, .9rem);
}

.b08-stage { box-sizing: border-box; width: 100%; max-width: 100%; }

body.chrome-shell-world-gate-shell .b08-stage { max-width: 76rem; margin-inline: auto; }
body.chrome-grid-world-gate-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-world-gate-space .an-section { padding-block: 0.65rem; }
body.chrome-shell-house-floor-shell .b08-stage { max-width: 84rem; margin-inline: auto; }
body.chrome-grid-house-floor-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-house-floor-space .an-section { padding-block: 0.80rem; }
body.chrome-shell-brand-plaza-shell .b08-stage { max-width: 92rem; margin-inline: auto; }
body.chrome-grid-brand-plaza-grid .an-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-brand-plaza-space .an-section { padding-block: 0.95rem; }
body.chrome-grid-realm-desk-grid .an-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-realm-desk-space .an-section { padding-block: 1.10rem; }
body.chrome-shell-venue-shop-shell .b08-stage { max-width: 68rem; margin-inline: auto; }
body.chrome-grid-venue-shop-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-venue-shop-space .an-section { padding-block: 0.50rem; }
body.chrome-shell-need-path-shell .b08-stage { max-width: 76rem; margin-inline: auto; }
body.chrome-grid-need-path-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-need-path-space .an-section { padding-block: 0.65rem; }
body.chrome-shell-shortlist-desk-shell .b08-stage { max-width: 84rem; margin-inline: auto; }
body.chrome-grid-shortlist-desk-grid .an-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-shortlist-desk-space .an-section { padding-block: 0.80rem; }
body.chrome-shell-consider-lane-shell .b08-stage { max-width: 92rem; margin-inline: auto; }
body.chrome-grid-consider-lane-grid .an-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-consider-lane-space .an-section { padding-block: 0.95rem; }
body.chrome-grid-decide-trail-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-decide-trail-space .an-section { padding-block: 1.10rem; }
body.chrome-shell-journey-buy-shell .b08-stage { max-width: 68rem; margin-inline: auto; }
body.chrome-grid-journey-buy-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-journey-buy-space .an-section { padding-block: 0.50rem; }
body.chrome-shell-product-wall-shell .b08-stage { max-width: 76rem; margin-inline: auto; }
body.chrome-grid-product-wall-grid .an-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-product-wall-space .an-section { padding-block: 0.65rem; }
body.chrome-shell-still-index-shell .b08-stage { max-width: 84rem; margin-inline: auto; }
body.chrome-grid-still-index-grid .an-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-still-index-space .an-section { padding-block: 0.80rem; }
body.chrome-shell-gallery-desk-shell .b08-stage { max-width: 92rem; margin-inline: auto; }
body.chrome-grid-gallery-desk-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-gallery-desk-space .an-section { padding-block: 0.95rem; }
body.chrome-grid-lens-grid-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-lens-grid-space .an-section { padding-block: 1.10rem; }
body.chrome-shell-frame-catalog-shell .b08-stage { max-width: 68rem; margin-inline: auto; }
body.chrome-grid-frame-catalog-grid .an-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-frame-catalog-space .an-section { padding-block: 0.50rem; }
body.chrome-shell-quick-desk-shell .b08-stage { max-width: 76rem; margin-inline: auto; }
body.chrome-grid-quick-desk-grid .an-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-quick-desk-space .an-section { padding-block: 0.65rem; }
body.chrome-shell-dense-lane-shell .b08-stage { max-width: 84rem; margin-inline: auto; }
body.chrome-grid-dense-lane-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-dense-lane-space .an-section { padding-block: 0.80rem; }
body.chrome-shell-snap-shop-shell .b08-stage { max-width: 92rem; margin-inline: auto; }
body.chrome-grid-snap-shop-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-snap-shop-space .an-section { padding-block: 0.95rem; }
body.chrome-grid-filter-rush-grid .an-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-filter-rush-space .an-section { padding-block: 1.10rem; }
body.chrome-shell-buy-strip-shell .b08-stage { max-width: 68rem; margin-inline: auto; }
body.chrome-grid-buy-strip-grid .an-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-buy-strip-space .an-section { padding-block: 0.50rem; }
body.chrome-shell-origin-house-shell .b08-stage { max-width: 76rem; margin-inline: auto; }
body.chrome-grid-origin-house-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-origin-house-space .an-section { padding-block: 0.65rem; }
body.chrome-shell-craft-path-shell .b08-stage { max-width: 84rem; margin-inline: auto; }
body.chrome-grid-craft-path-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-craft-path-space .an-section { padding-block: 0.80rem; }
body.chrome-shell-philosophy-desk-shell .b08-stage { max-width: 92rem; margin-inline: auto; }
body.chrome-grid-philosophy-desk-grid .an-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-philosophy-desk-space .an-section { padding-block: 0.95rem; }
body.chrome-grid-maker-lane-grid .an-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-maker-lane-space .an-section { padding-block: 1.10rem; }
body.chrome-shell-legacy-floor-shell .b08-stage { max-width: 68rem; margin-inline: auto; }
body.chrome-grid-legacy-floor-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-legacy-floor-space .an-section { padding-block: 0.50rem; }
body.chrome-shell-for-path-shell .b08-stage { max-width: 76rem; margin-inline: auto; }
body.chrome-grid-for-path-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-for-path-space .an-section { padding-block: 0.65rem; }
body.chrome-shell-job-desk-shell .b08-stage { max-width: 84rem; margin-inline: auto; }
body.chrome-grid-job-desk-grid .an-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-job-desk-space .an-section { padding-block: 0.80rem; }
body.chrome-shell-scene-use-shell .b08-stage { max-width: 92rem; margin-inline: auto; }
body.chrome-grid-scene-use-grid .an-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-scene-use-space .an-section { padding-block: 0.95rem; }
body.chrome-grid-gift-route-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-gift-route-space .an-section { padding-block: 1.10rem; }
body.chrome-shell-outdoor-desk-shell .b08-stage { max-width: 68rem; margin-inline: auto; }
body.chrome-grid-outdoor-desk-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-outdoor-desk-space .an-section { padding-block: 0.50rem; }
body.chrome-shell-index-folio-shell .b08-stage { max-width: 76rem; margin-inline: auto; }
body.chrome-grid-index-folio-grid .an-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-index-folio-space .an-section { padding-block: 0.65rem; }
body.chrome-shell-entry-desk-shell .b08-stage { max-width: 84rem; margin-inline: auto; }
body.chrome-grid-entry-desk-grid .an-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-entry-desk-space .an-section { padding-block: 0.80rem; }
body.chrome-shell-register-shop-shell .b08-stage { max-width: 92rem; margin-inline: auto; }
body.chrome-grid-register-shop-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-register-shop-space .an-section { padding-block: 0.95rem; }
body.chrome-grid-folio-grid-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-folio-grid-space .an-section { padding-block: 1.10rem; }
body.chrome-shell-ledger-buy-shell .b08-stage { max-width: 68rem; margin-inline: auto; }
body.chrome-grid-ledger-buy-grid .an-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-ledger-buy-space .an-section { padding-block: 0.50rem; }
body.chrome-shell-reveal-desk-shell .b08-stage { max-width: 76rem; margin-inline: auto; }
body.chrome-grid-reveal-desk-grid .an-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-reveal-desk-space .an-section { padding-block: 0.65rem; }
body.chrome-shell-hotspot-floor-shell .b08-stage { max-width: 84rem; margin-inline: auto; }
body.chrome-grid-hotspot-floor-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-hotspot-floor-space .an-section { padding-block: 0.80rem; }
body.chrome-shell-variant-peek-shell .b08-stage { max-width: 92rem; margin-inline: auto; }
body.chrome-grid-variant-peek-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-variant-peek-space .an-section { padding-block: 0.95rem; }
body.chrome-grid-look-interact-grid .an-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-look-interact-space .an-section { padding-block: 1.10rem; }
body.chrome-shell-compare-touch-shell .b08-stage { max-width: 68rem; margin-inline: auto; }
body.chrome-grid-compare-touch-grid .an-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-compare-touch-space .an-section { padding-block: 0.50rem; }
body.chrome-shell-proof-gate-shell .b08-stage { max-width: 76rem; margin-inline: auto; }
body.chrome-grid-proof-gate-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-proof-gate-space .an-section { padding-block: 0.65rem; }
body.chrome-shell-guarantee-lane-shell .b08-stage { max-width: 84rem; margin-inline: auto; }
body.chrome-grid-guarantee-lane-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-guarantee-lane-space .an-section { padding-block: 0.80rem; }
body.chrome-shell-story-trust-shell .b08-stage { max-width: 92rem; margin-inline: auto; }
body.chrome-grid-story-trust-grid .an-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-story-trust-space .an-section { padding-block: 0.95rem; }
body.chrome-grid-rated-desk-grid .an-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-rated-desk-space .an-section { padding-block: 1.10rem; }
body.chrome-shell-cert-path-shell .b08-stage { max-width: 68rem; margin-inline: auto; }
body.chrome-grid-cert-path-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-cert-path-space .an-section { padding-block: 0.50rem; }
body.chrome-shell-guide-next-shell .b08-stage { max-width: 76rem; margin-inline: auto; }
body.chrome-grid-guide-next-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-guide-next-space .an-section { padding-block: 0.65rem; }
body.chrome-shell-config-floor-shell .b08-stage { max-width: 84rem; margin-inline: auto; }
body.chrome-grid-config-floor-grid .an-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-config-floor-space .an-section { padding-block: 0.80rem; }
body.chrome-shell-context-next-shell .b08-stage { max-width: 92rem; margin-inline: auto; }
body.chrome-grid-context-next-grid .an-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-context-next-space .an-section { padding-block: 0.95rem; }
body.chrome-grid-bundle-intel-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-bundle-intel-space .an-section { padding-block: 1.10rem; }
body.chrome-shell-apex-retail-shell .b08-stage { max-width: 68rem; margin-inline: auto; }
body.chrome-grid-apex-retail-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-apex-retail-space .an-section { padding-block: 0.50rem; }

/* Dark-scheme readable nav surfaces */
body.atelier.scheme-dark:is(
.theme-t201, .theme-t202, .theme-t203, .theme-t204, .theme-t205,
.theme-t206, .theme-t207, .theme-t208, .theme-t209, .theme-t210,
.theme-t211, .theme-t212, .theme-t213, .theme-t214, .theme-t215,
.theme-t216, .theme-t217, .theme-t218, .theme-t219, .theme-t220,
.theme-t221, .theme-t222, .theme-t223, .theme-t224, .theme-t225,
.theme-t226, .theme-t227, .theme-t228, .theme-t229, .theme-t230,
.theme-t231, .theme-t232, .theme-t233, .theme-t234, .theme-t235,
.theme-t236, .theme-t237, .theme-t238, .theme-t239, .theme-t240,
.theme-t241, .theme-t242, .theme-t243, .theme-t244, .theme-t245,
.theme-t246, .theme-t247, .theme-t248, .theme-t249, .theme-t250
) .b08-nav,
body.atelier.scheme-dark:is(
.theme-t201, .theme-t202, .theme-t203, .theme-t204, .theme-t205,
.theme-t206, .theme-t207, .theme-t208, .theme-t209, .theme-t210,
.theme-t211, .theme-t212, .theme-t213, .theme-t214, .theme-t215,
.theme-t216, .theme-t217, .theme-t218, .theme-t219, .theme-t220,
.theme-t221, .theme-t222, .theme-t223, .theme-t224, .theme-t225,
.theme-t226, .theme-t227, .theme-t228, .theme-t229, .theme-t230,
.theme-t231, .theme-t232, .theme-t233, .theme-t234, .theme-t235,
.theme-t236, .theme-t237, .theme-t238, .theme-t239, .theme-t240,
.theme-t241, .theme-t242, .theme-t243, .theme-t244, .theme-t245,
.theme-t246, .theme-t247, .theme-t248, .theme-t249, .theme-t250
) .b08-nav a,
body.atelier.scheme-dark:is(
.theme-t201, .theme-t202, .theme-t203, .theme-t204, .theme-t205,
.theme-t206, .theme-t207, .theme-t208, .theme-t209, .theme-t210,
.theme-t211, .theme-t212, .theme-t213, .theme-t214, .theme-t215,
.theme-t216, .theme-t217, .theme-t218, .theme-t219, .theme-t220,
.theme-t221, .theme-t222, .theme-t223, .theme-t224, .theme-t225,
.theme-t226, .theme-t227, .theme-t228, .theme-t229, .theme-t230,
.theme-t231, .theme-t232, .theme-t233, .theme-t234, .theme-t235,
.theme-t236, .theme-t237, .theme-t238, .theme-t239, .theme-t240,
.theme-t241, .theme-t242, .theme-t243, .theme-t244, .theme-t245,
.theme-t246, .theme-t247, .theme-t248, .theme-t249, .theme-t250
) .b08-nav__logo {
  color: var(--ink, #f4efe6);
}