.cw-rules{list-style:none;margin:var(--space-6, 1.5rem) 0 0;padding:0;display:grid;gap:.75rem;max-width:52rem}.cw-rules li{display:flex;align-items:flex-start;gap:.6rem;color:var(--lead-site-muted)}.cw-rules li>.lucide{color:var(--lead-site-teal);flex:none;margin-top:.15rem}.cw-rules strong{color:var(--lead-site-text)}.cw-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:var(--space-2, .5rem);margin:var(--space-6, 1.5rem) 0 0;padding:0;list-style:none}.cw-index a{display:flex;align-items:baseline;gap:var(--space-2, .5rem);padding:var(--space-2, .5rem) var(--space-3, .75rem);border:1px solid var(--lead-site-border);border-radius:var(--corner-radius-md);background:var(--lead-site-card-surface);text-decoration:none;color:var(--lead-site-text)}.cw-index a:hover,.cw-index a:focus-visible{border-color:color-mix(in srgb,var(--lead-site-teal) 45%,var(--lead-site-border))}.cw-index-num{font-weight:var(--project-weight-strong);color:var(--lead-site-teal)}.cw-index-name{flex:1}.cw-stack{display:flex;flex-direction:column;gap:var(--space-12, 3rem);margin-top:var(--space-10, 2.5rem)}.cw-variant{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6, 1.5rem)}@media(min-width:60rem){.cw-variant{grid-template-columns:minmax(0,22rem) minmax(0,1fr);align-items:start}}.cw-meta-head h3{margin:var(--space-2, .5rem) 0 0;display:flex;align-items:center;gap:var(--space-2, .5rem)}.cw-variant-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--typography-font-size-xs, .75rem);color:var(--lead-site-teal)}.cw-live-tag{font-size:var(--typography-font-size-xs, .75rem);font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.15em .5em;border-radius:var(--corner-radius-pill, 999px);background:var(--lead-site-tag-surface);color:var(--lead-site-teal);border:1px solid var(--lead-site-border)}.cw-usedfor{margin:var(--space-1, .25rem) 0 0;color:var(--lead-site-muted);font-size:var(--typography-font-size-sm, .875rem)}.cw-blurb{margin:var(--space-4, 1rem) 0 0;color:var(--lead-site-text);line-height:1.6}.cw-chips{display:flex;flex-wrap:wrap;gap:var(--space-2, .5rem);margin:var(--space-4, 1rem) 0 0;padding:0;list-style:none}.cw-chips li{padding:.25em .6em;border-radius:var(--corner-radius-md, .375rem);border:1px solid var(--lead-site-border);background:var(--lead-site-tag-surface)}.cw-chips code{font-size:var(--typography-font-size-xs, .75rem);color:var(--lead-site-text)}.cw-frame{border:1px solid var(--lead-site-border);border-radius:var(--corner-radius-lg, .5rem);overflow:hidden;background:var(--lead-site-bg-elevated)}.cw-frame-bar{display:flex;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-2, .5rem) var(--space-3, .75rem);border-bottom:1px solid var(--lead-site-border);background:var(--lead-site-bg)}.cw-dot{width:.5rem;height:.5rem;border-radius:var(--corner-radius-pill, 999px);background:var(--lead-site-border)}.cw-url{margin-left:var(--space-2, .5rem);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--typography-font-size-xs, .75rem);color:var(--lead-site-muted)}.cw-stage{padding:var(--space-6, 1.5rem);background:var(--lead-site-bg)}@media(prefers-reduced-motion:no-preference){.cw-frame{animation:cw-frame-in var(--motion-duration-slow, .26s) var(--motion-ease-standard, ease-out) both}.cw-variant:nth-child(1) .cw-frame{animation-delay:0ms}.cw-variant:nth-child(2) .cw-frame{animation-delay:60ms}.cw-variant:nth-child(3) .cw-frame{animation-delay:.12s}.cw-variant:nth-child(4) .cw-frame{animation-delay:.18s}.cw-variant:nth-child(5) .cw-frame{animation-delay:.24s}@keyframes cw-frame-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}@media(prefers-reduced-motion:reduce){.cw-frame{animation:none}}@media print{.cw-frame{animation:none}}.cw-tokens{margin-top:var(--space-16, 4rem)}.cw-tokens-intro{max-width:60ch;color:var(--lead-site-muted);line-height:1.6}.cw-token-group{margin-top:var(--space-8, 2rem)}.cw-token-note{max-width:70ch;margin:var(--space-2, .5rem) 0 var(--space-4, 1rem);color:var(--lead-site-muted);font-size:var(--typography-font-size-sm, .875rem);line-height:1.6}.cw-token-table{width:100%;border-collapse:collapse;font-size:var(--typography-font-size-sm, .875rem)}.cw-token-table th,.cw-token-table td{text-align:left;padding:var(--space-2, .5rem) var(--space-3, .75rem);border-bottom:1px solid var(--lead-site-border)}.cw-token-table th{color:var(--lead-site-muted);font-weight:600}.cw-token-table code{color:var(--lead-site-text)}