.ds-toc{gap:var(--fc-space-3) var(--fc-space-6);margin-top:var(--fc-space-8);flex-wrap:wrap;font-size:1.0625rem;display:flex}.ds-block+.ds-block{margin-top:var(--fc-space-16)}.ds-block>h3{margin-bottom:var(--fc-space-6)}.ds-block>p{max-width:40rem;margin-bottom:var(--fc-space-6);color:var(--fc-text-muted)}.ds-demo{padding:clamp(var(--fc-space-6), 4vw, var(--fc-space-10));border:1px dashed var(--fc-line);background:var(--fc-bg)}.ds-demo--surface{background:var(--fc-surface)}.ds-demo--soft{background:var(--fc-bg-soft)}.ds-demo--dark{background:var(--fc-inverse-bg);border-color:#0000}.ds-demo--center{text-align:center;place-items:center;display:grid}.ds-demo+.ds-demo,.ds-demo+.ds-caption+.ds-demo{margin-top:var(--fc-space-4)}.ds-caption{margin-top:var(--fc-space-3);font-size:var(--fc-text-sm);color:var(--fc-text-muted)}code,.ds-code{border-radius:var(--fc-radius-sm);background:var(--fc-accent-tint);color:var(--fc-text);padding:.1em .35em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8125em}.ds-grid{grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--ds-min,15rem)), 1fr));gap:var(--fc-space-6);display:grid}.ds-principle{padding-top:var(--fc-space-5);border-top:1px solid var(--fc-line-strong)}.ds-principle h3{margin-bottom:var(--fc-space-3)}.ds-principle p{color:var(--fc-text-muted)}.ds-swatch{border:1px solid var(--fc-line);background:var(--fc-surface);font-size:var(--fc-text-sm);line-height:1.45}.ds-swatch__chip{border-bottom:1px solid var(--fc-line-soft);height:5.5rem}.ds-swatch__body{padding:var(--fc-space-4)}.ds-swatch__name{font-family:var(--fc-font-display);letter-spacing:var(--fc-tracking-normal);color:var(--fc-text);font-size:.875rem}.ds-swatch__meta{color:var(--fc-text-muted)}.ds-swatch__meta code{font-size:.75rem}.ds-gradient{border-radius:var(--fc-radius-sm);height:4.5rem}.ds-type-row{gap:var(--fc-space-2) var(--fc-space-8);padding-block:var(--fc-space-6);border-bottom:1px solid var(--fc-line-soft);grid-template-columns:12rem 1fr;align-items:baseline;display:grid}.ds-type-row:first-child{border-top:1px solid var(--fc-line-soft)}.ds-type-row__meta{font-size:var(--fc-text-sm);color:var(--fc-text-muted)}.ds-type-row__meta strong{font-family:var(--fc-font-display);font-weight:var(--fc-weight-medium);color:var(--fc-text);font-size:.875rem;display:block}@media (width<=45rem){.ds-type-row{grid-template-columns:1fr}}.ds-font-card{padding:var(--fc-space-8);background:var(--fc-surface);border:1px solid var(--fc-line)}.ds-font-card__sample{margin-bottom:var(--fc-space-4);color:var(--fc-accent-deco);font-size:3.5rem;line-height:1.1}.ds-font-card__alphabet{word-break:break-all;color:var(--fc-text-muted)}.ds-space{gap:var(--fc-space-4);font-size:var(--fc-text-sm);padding-block:var(--fc-space-1);grid-template-columns:7rem 4rem 1fr;align-items:center;display:grid}.ds-space__bar{background:var(--fc-rose-400);height:.75rem}.ds-icon-tile{justify-items:center;gap:var(--fc-space-3);padding:var(--fc-space-5) var(--fc-space-3);background:var(--fc-surface);border:1px solid var(--fc-line-soft);font-size:var(--fc-text-sm);color:var(--fc-text-muted);--fc-icon-size:2rem;display:grid}.ds-do,.ds-dont{padding:var(--fc-space-6);background:var(--fc-surface);border-top:2px solid var(--fc-success)}.ds-dont{border-top-color:var(--fc-error)}.ds-do h3,.ds-dont h3{font-size:var(--fc-text-xs);letter-spacing:var(--fc-tracking-wider);text-transform:uppercase;margin-bottom:var(--fc-space-4)}.ds-do h3{color:var(--fc-success)}.ds-dont h3{color:var(--fc-error)}.ds-do ul,.ds-dont ul{color:var(--fc-text-muted);margin:0;padding-left:1.1em}.ds-do li+li,.ds-dont li+li{margin-top:var(--fc-space-2)}