/* Reference-page layout only. Component styles stay in asbury-cyber.css. */
.design-page .cy-hero--single h1 { max-width: 12em; }
.token-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(148px, 1fr)); gap: 12px; list-style: none; }
.token-swatch { min-height: 112px; display: flex; flex-direction: column; justify-content: flex-end; gap: 6px; padding: 12px; border: 1px solid var(--line); }
.token-swatch code, .token-swatch span { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.04em; }
.demo { display: grid; gap: 16px; min-width: 0; }
.demo > * { min-width: 0; max-width: 100%; }
.demo > .cy-code { margin: 0; }
.type-row { display: grid; gap: 8px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.type-row:last-child { border-bottom: 0; padding-bottom: 0; }