/* ==========================================================================
   @fgl/vituno /styleguide catalog chrome (Story 5.1.2) — the shell's own
   styling, moved out of the inline <style> block so a consumer CSP of
   `style-src 'self'` passes with zero violations (deccentral.com A3: the
   meta policy stays exact, no in-site hashes ever). Catalog chrome only —
   never component css: nothing here styles a census component, and no site
   should ever link this outside /styleguide.

   TOKENS ONLY: every color/size/space value consumes tokens.css custom
   properties. Raw literals are permitted only with an inline
   `structural:` marker (enforced by test/components.test.mjs).
   ========================================================================== */

.styleguide-section { margin-block: var(--space-4); }
.styleguide-variant { margin-block: var(--space-3); }
.styleguide-variant-name { margin-block-end: var(--space-2); font-weight: var(--fw-semibold); }
.styleguide-demo { padding: var(--space-3); border: 1px dashed var(--border-subtle, currentColor); /* structural: hairline demo boundary */ }
.styleguide-icons { display: flex; flex-wrap: wrap; gap: var(--space-3); list-style: none; padding: 0; }
.styleguide-icons li { display: inline-flex; align-items: center; gap: var(--space-2); }

/* Demo-scoped skip-link reveal (Story 5.1.2 / deccentral.com 4.4.5): inside
   a catalog demo box the skip link renders statically in place, so a
   keyboard user tabbing the catalog is never teleported to a control
   revealed at the viewport top — real pages keep the offscreen-until-focus
   pattern from base.css untouched. */
.styleguide-demo .skip-link { position: static; }