.styleguide-page{display:grid;gap:clamp(2rem,4vw,3.5rem)}.styleguide-section{display:grid;gap:clamp(1.25rem,2.6vw,2rem)}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem)}.styleguide-card-copy{display:grid;gap:.45rem}.styleguide-card-eyebrow{margin:0;color:var(--color-text-subtle);font-size:var(--font-size-sm);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.styleguide-card-title{margin:0}.styleguide-card-body{margin:0;color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.styleguide-card-subtitle{margin:0;font-size:var(--font-size-base);font-weight:600}.styleguide-swatch-grid{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}.styleguide-listing-grid{display:grid;gap:clamp(1rem,2vw,1.5rem);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.styleguide-space-scale{display:grid;gap:.8rem}.styleguide-space-row{display:grid;grid-template-columns:3.5rem minmax(0,1fr) auto;gap:.9rem;align-items:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.styleguide-space-bar{height:.95rem;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--color-secondary),var(--color-tertiary));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-border) 82%,white)}.styleguide-space-bar--sm{width:var(--spacing-sm)}.styleguide-space-bar--md{width:var(--spacing-md)}.styleguide-space-bar--lg{width:var(--spacing-lg)}.styleguide-space-bar--xl{width:var(--spacing-xl)}.styleguide-space-bar--2xl{width:var(--spacing-2xl)}.styleguide-form-stack{display:grid;gap:var(--spacing-lg)}.styleguide-choice-group{display:grid;gap:1rem;margin:0;padding:0;border:0}.styleguide-choice-group__legend{padding:0;font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.styleguide-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.styleguide-offer-thread{display:grid;gap:1rem;padding:clamp(1rem,2vw,1.25rem);border:1px solid color-mix(in oklab,var(--color-border) 88%,white);border-radius:var(--radius-xl);background:linear-gradient(180deg,#ffffffeb,color-mix(in oklab,var(--surface-panel-muted) 90%,white))}.styleguide-offer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.styleguide-offer-summary{min-width:0;flex:1 1 auto}.styleguide-offer-name{margin:0 0 .375rem}.styleguide-offer-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.styleguide-offer-price{color:var(--color-text);font-family:var(--theme-font-display);font-size:var(--font-size-lg);font-weight:700}.styleguide-offer-actions{display:flex;gap:.5rem;flex-shrink:0}.styleguide-offer-message{padding:.9rem 1rem;border:1px solid color-mix(in oklab,var(--color-border) 82%,white);border-radius:var(--radius-lg);background:#ffffffbd}.styleguide-offer-message p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.styleguide-offer-party{color:var(--color-text)}.token-swatch__chip--canvas{background:var(--color-canvas)}.token-swatch__chip--surface{background:var(--color-surface)}.token-swatch__chip--primary{background:var(--color-primary)}.token-swatch__chip--secondary{background:var(--color-secondary)}.token-swatch__chip--tertiary{background:var(--color-tertiary)}.token-swatch__chip--pro-accent{background:var(--color-pro-accent)}.token-swatch__chip--business-accent{background:var(--color-business-accent)}.token-swatch__chip--accent-yellow{background:var(--color-accent-yellow)}.token-swatch__chip--accent-green{background:var(--color-accent-green)}.token-swatch__chip--link{background:var(--color-link)}.token-swatch__chip--shell{background:var(--surface-shell)}.token-swatch__chip--panel-accent{background:var(--surface-panel-accent)}.token-swatch__chip--nav-chip{background:var(--nav-chip-background)}.token-swatch__chip--lagoon{background:var(--highlight-lagoon)}.token-swatch__chip--sunrise{background:var(--highlight-sunrise)}.token-swatch__chip--sky{background:var(--highlight-sky)}.styleguide-tier-note{margin:0;color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.styleguide-analytics-panel{margin-top:.5rem}@media(max-width:980px){.stat-grid,.styleguide-swatch-grid,.styleguide-choice-grid{grid-template-columns:1fr}}@media(max-width:640px){.styleguide-space-row{grid-template-columns:1fr}.styleguide-offer-header,.styleguide-offer-actions{flex-direction:column;align-items:stretch}}