.preview-wrap[data-astro-cid-ue3yhu3a]{min-height:100vh}.preview-hero[data-astro-cid-ue3yhu3a]{background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}.preview-subtitle[data-astro-cid-ue3yhu3a]{font-size:var(--size-h4);color:var(--color-warm-gray);margin-top:1rem;font-family:var(--font-body);font-style:italic}.preview-content[data-astro-cid-ue3yhu3a]{padding-block:clamp(3rem,6vw,5rem)}.preview-section[data-astro-cid-ue3yhu3a]{margin-bottom:clamp(4rem,8vw,6rem)}.preview-section-title[data-astro-cid-ue3yhu3a]{font-family:var(--font-body);font-size:var(--size-small);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted);margin-bottom:2rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.swatch-grid[data-astro-cid-ue3yhu3a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.swatch[data-astro-cid-ue3yhu3a]{height:110px;border-radius:var(--radius-md);display:flex;align-items:flex-end;padding:.6rem .75rem;border:1px solid var(--color-border);margin:0}.swatch-info[data-astro-cid-ue3yhu3a]{display:flex;flex-direction:column;gap:2px;color:var(--color-charcoal)}.swatch-info--light[data-astro-cid-ue3yhu3a]{color:var(--color-cream)}.swatch-name[data-astro-cid-ue3yhu3a]{font-family:var(--font-body);font-size:.8rem;font-weight:600}.swatch-hex[data-astro-cid-ue3yhu3a]{font-family:Courier New,monospace;font-size:.7rem;opacity:.85}.swatch-var[data-astro-cid-ue3yhu3a]{font-family:Courier New,monospace;font-size:.62rem;opacity:.65}.type-samples[data-astro-cid-ue3yhu3a]{display:flex;flex-direction:column;gap:0}.type-row[data-astro-cid-ue3yhu3a]{padding-block:2rem;border-bottom:1px solid var(--color-border);display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:768px){.type-row[data-astro-cid-ue3yhu3a]{grid-template-columns:100px 1fr;align-items:start;column-gap:2rem}.type-meta[data-astro-cid-ue3yhu3a]{grid-column:2}}.type-label[data-astro-cid-ue3yhu3a]{font-family:var(--font-body);font-size:var(--size-caption);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);padding-top:.4rem;white-space:nowrap}.type-sample[data-astro-cid-ue3yhu3a]{max-width:none;margin:0}.type-sample-display[data-astro-cid-ue3yhu3a]{color:var(--color-charcoal)}.type-meta[data-astro-cid-ue3yhu3a]{font-family:Courier New,monospace;font-size:.7rem;color:var(--color-muted);margin:0;max-width:none}.preview-list[data-astro-cid-ue3yhu3a]{margin:.5rem 0;padding-left:1.25rem}.preview-list--ul[data-astro-cid-ue3yhu3a]{list-style:disc}.preview-list--ul[data-astro-cid-ue3yhu3a] li[data-astro-cid-ue3yhu3a]::marker{color:var(--color-sage)}.preview-list--ol[data-astro-cid-ue3yhu3a]{list-style:decimal;margin-top:1rem}.preview-list--ol[data-astro-cid-ue3yhu3a] li[data-astro-cid-ue3yhu3a]::marker{color:var(--color-sage);font-family:var(--font-display)}.preview-list[data-astro-cid-ue3yhu3a] li[data-astro-cid-ue3yhu3a]{font-size:var(--size-body);color:var(--color-charcoal);padding-block:.15rem}.preview-inline-link[data-astro-cid-ue3yhu3a]{color:var(--color-sage);text-decoration-line:underline;text-decoration-color:var(--color-sage-light);text-underline-offset:3px;transition:color .2s ease,text-decoration-color .2s ease}.preview-inline-link[data-astro-cid-ue3yhu3a]:hover{color:#4e5f50;text-decoration-color:var(--color-sage)}.btn-group[data-astro-cid-ue3yhu3a]{display:flex;flex-wrap:wrap;gap:2.5rem;align-items:flex-start}.btn-demo[data-astro-cid-ue3yhu3a]{display:flex;flex-direction:column;gap:.6rem}.btn-primary[data-astro-cid-ue3yhu3a]{display:inline-flex;align-items:center;font-family:var(--font-body);font-size:.95rem;background-color:var(--color-sage);color:var(--color-cream);padding:.6rem 1.5rem;border-radius:var(--radius-sm);text-decoration:none;transition:background-color .2s ease,transform .15s ease;white-space:nowrap}.btn-primary[data-astro-cid-ue3yhu3a]:hover{background-color:#4e5f50;transform:translateY(-1px)}.btn-secondary[data-astro-cid-ue3yhu3a]{display:inline-flex;align-items:center;font-family:var(--font-body);font-size:.95rem;color:var(--color-sage);padding:.55rem 1.45rem;border-radius:var(--radius-sm);border:1.5px solid var(--color-sage);text-decoration:none;transition:background-color .2s ease,color .2s ease}.btn-secondary[data-astro-cid-ue3yhu3a]:hover{background-color:var(--color-sage-pale);color:#4e5f50}.btn-text[data-astro-cid-ue3yhu3a]{display:inline-flex;align-items:center;font-family:var(--font-body);font-size:var(--size-body);color:var(--color-sage);text-decoration:none;text-decoration-line:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:text-decoration-color .2s ease,color .2s ease;padding:.25rem 0}.btn-text[data-astro-cid-ue3yhu3a]:hover{text-decoration-color:var(--color-sage-light);color:#4e5f50}.tokens-grid[data-astro-cid-ue3yhu3a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.token-card[data-astro-cid-ue3yhu3a]{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem}.token-label[data-astro-cid-ue3yhu3a]{font-family:var(--font-body);font-size:var(--size-caption);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);margin:0 0 .5rem;max-width:none}.token-value[data-astro-cid-ue3yhu3a]{font-size:var(--size-h3);color:var(--color-charcoal);margin:0;max-width:none}.token-code[data-astro-cid-ue3yhu3a]{font-family:Courier New,monospace;font-size:var(--size-small);color:var(--color-warm-gray)}.token-radii[data-astro-cid-ue3yhu3a]{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.25rem}.token-radii[data-astro-cid-ue3yhu3a] span[data-astro-cid-ue3yhu3a]{font-family:Courier New,monospace;font-size:var(--size-caption);color:var(--color-warm-gray);background-color:var(--color-cream);border:1px solid var(--color-border);padding:.25rem .6rem}