.ds-layout[data-astro-cid-ddzzjigo]{display:grid;grid-template-columns:200px 1fr;min-height:100dvh;position:relative;z-index:2}.ds-sidebar[data-astro-cid-ddzzjigo]{position:sticky;top:0;height:100dvh;padding:2rem 1.25rem;border-right:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column;gap:0}.ds-logo[data-astro-cid-ddzzjigo] a[data-astro-cid-ddzzjigo]{font-size:var(--text-xs);color:var(--text-muted);text-decoration:none;transition:color .15s;display:block;margin-bottom:2rem}.ds-logo[data-astro-cid-ddzzjigo] a[data-astro-cid-ddzzjigo]:hover{color:var(--text-primary)}.ds-nav[data-astro-cid-ddzzjigo]{display:flex;flex-direction:column;gap:0}.ds-nav-label[data-astro-cid-ddzzjigo]{font-size:var(--text-xs);color:var(--text-faint);font-weight:var(--weight-medium);margin:1.25rem 0 .375rem}.ds-nav-link[data-astro-cid-ddzzjigo]{font-size:var(--text-xs);color:var(--text-muted);text-decoration:none;padding:.25rem 0;transition:color .15s;display:block}.ds-nav-link[data-astro-cid-ddzzjigo]:hover{color:var(--text-primary)}.ds-content[data-astro-cid-ddzzjigo]{padding:3.5rem 3rem 6rem;max-width:760px}.ds-header[data-astro-cid-ddzzjigo]{margin-bottom:3.5rem}.ds-section[data-astro-cid-ddzzjigo]{margin-bottom:4rem;scroll-margin-top:2rem}.ds-section-title[data-astro-cid-ddzzjigo]{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-medium);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:1.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border);text-wrap:balance}.ds-group-title[data-astro-cid-ddzzjigo]{font-size:var(--text-xs);color:var(--text-faint);font-weight:var(--weight-medium);margin:1.75rem 0 .875rem;letter-spacing:.04em;text-transform:uppercase;text-wrap:balance}.ds-body[data-astro-cid-ddzzjigo]{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-normal);margin-bottom:1rem;max-width:60ch;text-wrap:pretty}.swatch-grid[data-astro-cid-ddzzjigo]{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.swatch-grid--5[data-astro-cid-ddzzjigo]{grid-template-columns:repeat(5,1fr)}.swatch-box[data-astro-cid-ddzzjigo]{width:100%;aspect-ratio:1.6 / 1;border-radius:8px;margin-bottom:.5rem;overflow:hidden}.swatch-box--checkerboard[data-astro-cid-ddzzjigo]{background-image:linear-gradient(45deg,var(--border) 25%,transparent 25%),linear-gradient(-45deg,var(--border) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--border) 75%),linear-gradient(-45deg,transparent 75%,var(--border) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px}.swatch-name[data-astro-cid-ddzzjigo]{font-size:var(--text-xs);color:var(--text-primary);font-weight:var(--weight-medium);font-family:var(--font-display);margin-bottom:.125rem}.swatch-value[data-astro-cid-ddzzjigo]{font-size:var(--text-2xs);color:var(--text-faint);line-height:1.4;text-wrap:pretty}.text-ramp[data-astro-cid-ddzzjigo]{display:flex;flex-direction:column}.text-ramp-row[data-astro-cid-ddzzjigo]{display:flex;align-items:center;gap:1rem;padding:.625rem 0;border-bottom:1px solid var(--border)}.text-ramp-row[data-astro-cid-ddzzjigo]:last-child{border-bottom:none}.text-ramp-sample[data-astro-cid-ddzzjigo]{font-size:var(--text-base);flex:1}.text-ramp-token[data-astro-cid-ddzzjigo]{font-family:ui-monospace,monospace;font-size:var(--text-xs);color:var(--text-faint)}.border-ramp[data-astro-cid-ddzzjigo]{display:flex;flex-direction:column;gap:.5rem}.border-sample[data-astro-cid-ddzzjigo]{padding:.875rem 1rem;border-radius:8px;font-size:var(--text-xs);color:var(--text-muted);font-family:ui-monospace,monospace}.type-faces[data-astro-cid-ddzzjigo]{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.type-face-card[data-astro-cid-ddzzjigo]{padding:1.25rem;border:1px solid var(--border);border-radius:10px}.type-face-sample[data-astro-cid-ddzzjigo]{font-size:var(--text-2xl);font-weight:var(--weight-medium);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.5rem}.type-face-meta[data-astro-cid-ddzzjigo]{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:.75rem;text-wrap:pretty}.type-face-weights[data-astro-cid-ddzzjigo]{display:flex;gap:1rem;font-size:var(--text-sm);color:var(--text-secondary)}.type-scale[data-astro-cid-ddzzjigo]{display:flex;flex-direction:column}.type-scale-row[data-astro-cid-ddzzjigo]{display:flex;align-items:baseline;gap:1rem;padding:.625rem 0;border-bottom:1px solid var(--border)}.type-scale-row[data-astro-cid-ddzzjigo]:last-child{border-bottom:none}.type-scale-token[data-astro-cid-ddzzjigo]{font-family:ui-monospace,monospace;font-size:var(--text-xs);color:var(--text-faint);width:110px;flex-shrink:0}.type-scale-value[data-astro-cid-ddzzjigo]{font-size:var(--text-xs);color:var(--text-muted);width:36px;flex-shrink:0}.type-scale-sample[data-astro-cid-ddzzjigo]{color:var(--text-primary);font-weight:var(--weight-medium);line-height:1.2}.named-styles[data-astro-cid-ddzzjigo]{display:flex;flex-direction:column}.named-style-row[data-astro-cid-ddzzjigo]{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border)}.named-style-row[data-astro-cid-ddzzjigo]:last-child{border-bottom:none}.spacing-scale[data-astro-cid-ddzzjigo]{display:flex;flex-direction:column}.spacing-row[data-astro-cid-ddzzjigo]{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.spacing-row[data-astro-cid-ddzzjigo]:last-child{border-bottom:none}.spacing-token[data-astro-cid-ddzzjigo]{width:90px;flex-shrink:0}.spacing-bar-wrap[data-astro-cid-ddzzjigo]{flex:1;display:flex;align-items:center}.spacing-bar[data-astro-cid-ddzzjigo]{height:6px;background:var(--lime-400);border-radius:3px;opacity:.7;min-width:4px;max-width:100%}.spacing-val[data-astro-cid-ddzzjigo]{font-size:var(--text-xs);color:var(--text-primary);width:36px;text-align:right;flex-shrink:0}.spacing-rem[data-astro-cid-ddzzjigo]{font-family:ui-monospace,monospace;font-size:var(--text-xs);color:var(--text-faint);width:60px;flex-shrink:0}.texture-preview[data-astro-cid-ddzzjigo]{border:1px solid var(--border);border-radius:8px;height:120px;display:flex;align-items:flex-end;padding:.75rem;margin-bottom:.75rem;overflow:hidden}.texture-preview--body[data-astro-cid-ddzzjigo]{background-color:var(--bg-primary);background-image:var(--noise-svg),var(--texture-lime-wash);background-size:200px 200px,100% 100%;background-blend-mode:multiply,normal}.texture-preview--hatch[data-astro-cid-ddzzjigo]{background-color:var(--bg-primary);background-blend-mode:normal}.texture-label[data-astro-cid-ddzzjigo]{font-family:ui-monospace,monospace;font-size:var(--text-2xs);color:var(--text-muted);background:var(--bg-elevated);padding:.2rem .5rem;border-radius:4px;border:1px solid var(--border)}.token-table[data-astro-cid-ddzzjigo]{display:flex;flex-direction:column}.token-row[data-astro-cid-ddzzjigo]{display:grid;grid-template-columns:220px 1fr;gap:1rem;align-items:start;padding:.625rem 0;border-bottom:1px solid var(--border)}.token-row[data-astro-cid-ddzzjigo]:last-child{border-bottom:none}.token-desc[data-astro-cid-ddzzjigo]{font-size:var(--text-xs);color:var(--text-muted);line-height:1.5;text-wrap:pretty}.rule-list[data-astro-cid-ddzzjigo]{display:flex;flex-direction:column;gap:.375rem}.rule-item[data-astro-cid-ddzzjigo]{font-size:var(--text-sm);color:var(--text-secondary);padding:.5rem .75rem .5rem 2rem;border-radius:4px;position:relative;line-height:1.4;text-wrap:pretty}.rule-item--do[data-astro-cid-ddzzjigo]{background:#f0f4e266;border:1px solid var(--lime-200)}.rule-item--do[data-astro-cid-ddzzjigo]:before{content:"✓";position:absolute;left:.625rem;color:var(--lime-600);font-weight:var(--weight-medium);font-size:var(--text-xs)}.rule-item--dont[data-astro-cid-ddzzjigo]{background:oklch(96% .025 30 / .25);border:1px solid oklch(80% .05 30)}.rule-item--dont[data-astro-cid-ddzzjigo]:before{content:"✕";position:absolute;left:.625rem;color:#8b5148;font-weight:var(--weight-medium);font-size:var(--text-xs)}.rule-demos[data-astro-cid-ddzzjigo]{display:flex;flex-direction:column;gap:1rem;padding:.5rem 0}.rule-demo-item[data-astro-cid-ddzzjigo]{display:flex;flex-direction:column;gap:.375rem}.rule-demo-label[data-astro-cid-ddzzjigo]{font-family:ui-monospace,monospace;font-size:var(--text-2xs);color:var(--text-faint)}.rule-demo-line[data-astro-cid-ddzzjigo]{height:1px;width:100%;background:var(--border)}.component-row[data-astro-cid-ddzzjigo]{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;padding:1rem 0}.ds-link-primary[data-astro-cid-ddzzjigo]{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--weight-medium);text-decoration:none;transition:opacity .15s}.ds-link-primary[data-astro-cid-ddzzjigo]:hover{opacity:.7}.ds-link-muted[data-astro-cid-ddzzjigo]{font-size:var(--text-sm);color:var(--text-muted);text-decoration:none;transition:color .15s}.ds-link-muted[data-astro-cid-ddzzjigo]:hover{color:var(--text-primary)}.ds-link-underline[data-astro-cid-ddzzjigo]{font-size:var(--text-sm);color:var(--text-primary);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border-strong);transition:text-decoration-color .15s}.ds-link-underline[data-astro-cid-ddzzjigo]:hover{text-decoration-color:var(--text-muted)}.work-item-preview[data-astro-cid-ddzzjigo]{margin-top:.25rem}.work-item-demo[data-astro-cid-ddzzjigo]{display:block;padding:var(--space-5) var(--space-3);margin:0 calc(var(--space-3) * -1);border-bottom:1px solid var(--border);border-radius:8px;text-decoration:none;transition:background .2s ease}.work-item-demo[data-astro-cid-ddzzjigo]:hover{background:var(--bg-overlay)}.work-item-demo-header[data-astro-cid-ddzzjigo]{display:flex;align-items:center;gap:.375rem;margin-bottom:.25rem}.work-arrow-demo[data-astro-cid-ddzzjigo]{color:var(--text-primary);flex-shrink:0;transition:transform .25s cubic-bezier(.2,0,0,1)}.work-item-demo[data-astro-cid-ddzzjigo]:hover .work-arrow-demo[data-astro-cid-ddzzjigo]{transform:translate(2px,-2px)}.work-title-demo[data-astro-cid-ddzzjigo]{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--text-primary)}.work-meta-demo[data-astro-cid-ddzzjigo]{font-size:var(--text-xs);color:var(--text-muted);padding-left:1.625rem}.surface-grid[data-astro-cid-ddzzjigo]{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.surface-card[data-astro-cid-ddzzjigo]{padding:1.25rem;border-radius:10px}.surface-label[data-astro-cid-ddzzjigo]{font-size:var(--text-xs);color:var(--text-muted);font-family:ui-monospace,monospace}.motion-demo[data-astro-cid-ddzzjigo]{display:flex;flex-direction:column;gap:.5rem}.motion-chip[data-astro-cid-ddzzjigo]{display:flex;align-items:center;gap:.75rem;font-size:var(--text-xs);color:var(--text-muted);padding:.5rem 0;border-bottom:1px solid var(--border)}.motion-chip[data-astro-cid-ddzzjigo]:last-child{border-bottom:none}.ds-code[data-astro-cid-ddzzjigo]{font-family:ui-monospace,SF Mono,monospace;font-size:.8em;background:var(--bg-overlay);border:1px solid var(--border);padding:.125rem .375rem;border-radius:4px;color:var(--text-secondary)}.ds-prose[data-astro-cid-ddzzjigo] p[data-astro-cid-ddzzjigo]{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-normal);margin-bottom:.75rem;text-wrap:pretty}.ds-pre[data-astro-cid-ddzzjigo]{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:1rem;overflow-x:auto;margin-bottom:.75rem}.ds-pre[data-astro-cid-ddzzjigo] code[data-astro-cid-ddzzjigo]{font-family:ui-monospace,SF Mono,monospace;font-size:var(--text-xs);color:var(--text-secondary);line-height:1.7;white-space:pre}@media(max-width:680px){.ds-layout[data-astro-cid-ddzzjigo]{grid-template-columns:1fr}.ds-sidebar[data-astro-cid-ddzzjigo]{position:static;height:auto;border-right:none;border-bottom:1px solid var(--border)}.ds-content[data-astro-cid-ddzzjigo]{padding:2rem 1.25rem 4rem}.swatch-grid[data-astro-cid-ddzzjigo]{grid-template-columns:repeat(2,1fr)}.swatch-grid--5[data-astro-cid-ddzzjigo]{grid-template-columns:repeat(3,1fr)}.type-faces[data-astro-cid-ddzzjigo],.surface-grid[data-astro-cid-ddzzjigo]{grid-template-columns:1fr}.named-style-row[data-astro-cid-ddzzjigo]{grid-template-columns:1fr;gap:.5rem}.token-row[data-astro-cid-ddzzjigo]{grid-template-columns:1fr}}