.ds-page{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--s-xxl);padding:var(--s-xl) 0 var(--s-section)}@media (max-width: 900px){.ds-page{grid-template-columns:1fr;gap:var(--s-lg)}}.ds-toc{position:sticky;top:80px;align-self:start;font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;line-height:1.7}.ds-toc ol{list-style:none;margin:0;padding:0}.ds-toc li{padding:4px 0}.ds-toc a{color:var(--c-muted);text-decoration:none}.ds-toc a:hover{color:var(--c-primary)}.ds-toc__no{color:var(--c-muted-soft);margin-right:8px;font-weight:600}.ds-section{padding:var(--s-xl) 0 var(--s-xxl);border-top:1px solid var(--c-hairline)}.ds-section:first-child{border-top:0;padding-top:0}.ds-section__no{font-family:var(--f-mono);font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--c-primary);text-transform:uppercase;margin-bottom:8px}.ds-section__title{font-family:var(--f-display);font-weight:500;font-size:var(--text-2xl);line-height:var(--leading-display);letter-spacing:-.018em;margin:0 0 8px}.ds-section__lead{font-size:var(--text-md);line-height:var(--leading-loose);color:var(--c-body);max-width:60ch;margin:0 0 var(--s-xl)}.ds-section__sub{font-family:var(--f-display);font-weight:500;font-size:var(--text-lg);margin:var(--s-xl) 0 var(--s-md)}.ds-swatch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s-md)}.ds-swatch{border-radius:var(--r-md);padding:var(--s-md);font-family:var(--f-mono);font-size:11px;line-height:1.5;min-height:96px;display:flex;flex-direction:column;justify-content:space-between}.ds-swatch__name{font-weight:600;letter-spacing:.06em}.ds-swatch__value{opacity:.75;font-size:10.5px;line-break:anywhere}.ds-specimen{padding:var(--s-md) 0;border-bottom:1px solid var(--c-hairline-soft);display:grid;grid-template-columns:140px 1fr;gap:var(--s-lg);align-items:baseline}.ds-specimen:last-child{border-bottom:0}.ds-specimen__meta{font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;color:var(--c-muted);text-transform:uppercase}.ds-specimen__meta small{display:block;text-transform:none;letter-spacing:0;color:var(--c-muted-soft);margin-top:2px}.ds-specimen__text{font-family:var(--f-display);font-weight:500}@media (max-width: 720px){.ds-specimen{grid-template-columns:1fr;gap:var(--s-xs)}}.ds-ruler{display:grid;grid-template-columns:100px 1fr 80px;gap:var(--s-md);align-items:center;padding:8px 0;font-family:var(--f-mono);font-size:11px;color:var(--c-muted);border-bottom:1px solid var(--c-hairline-soft)}.ds-ruler:last-child{border-bottom:0}.ds-ruler__bar{background:var(--c-primary);height:8px;border-radius:2px}.ds-ruler__value{text-align:right;color:var(--c-body-strong)}.ds-demo{background:var(--c-surface-soft);border-radius:var(--r-lg);padding:var(--s-lg);margin:var(--s-md) 0 var(--s-xs);display:flex;flex-wrap:wrap;gap:var(--s-md);align-items:center}.ds-demo--stack{flex-direction:column;align-items:stretch}.ds-demo--canvas{background:var(--c-canvas);border:1px dashed var(--c-hairline)}.ds-caption{font-family:var(--f-mono);font-size:11px;color:var(--c-muted);letter-spacing:.04em}.ds-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.ds-table th{text-align:left;font-family:var(--f-mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted);padding:10px 8px;border-bottom:1px solid var(--c-hairline)}.ds-table td{padding:12px 8px;border-bottom:1px solid var(--c-hairline-soft);vertical-align:top}.ds-table td.mono{font-family:var(--f-mono);font-size:12px;color:var(--c-body-strong)}.ds-table tr:last-child td{border-bottom:0}.ds-banned{display:grid;grid-template-columns:32px 1fr 1fr;gap:var(--s-md);padding:var(--s-md) 0;border-bottom:1px solid var(--c-hairline-soft);font-size:var(--text-sm);line-height:var(--leading-normal)}.ds-banned__no{font-family:var(--f-mono);font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--c-error)}.ds-banned__pattern{color:var(--c-body-strong)}.ds-banned__pattern code{font-family:var(--f-mono);font-size:12px;background:var(--c-surface-card);padding:2px 6px;border-radius:var(--r-xs)}.ds-banned__why{color:var(--c-muted)}@media (max-width: 720px){.ds-banned{grid-template-columns:24px 1fr}.ds-banned__why{grid-column:2 / 3;margin-top:4px}}.ds-nope{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:11px;font-weight:600;color:var(--c-error);letter-spacing:.06em}.ds-yep{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:11px;font-weight:600;color:var(--c-text-green-dark);letter-spacing:.06em}