.design-guide[data-astro-cid-ipm3ixgy]{max-width:900px;margin:0 auto;padding:var(--spacing-xl) var(--container-padding)}.guide-header[data-astro-cid-ipm3ixgy]{margin-bottom:var(--spacing-2xl)}.guide-header[data-astro-cid-ipm3ixgy] h1[data-astro-cid-ipm3ixgy]{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:var(--spacing-md)}.guide-toc[data-astro-cid-ipm3ixgy]{margin-bottom:var(--spacing-2xl)}.guide-toc[data-astro-cid-ipm3ixgy] h2[data-astro-cid-ipm3ixgy]{margin-bottom:var(--spacing-md)}.toc-grid[data-astro-cid-ipm3ixgy]{display:flex;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-lg)}.guide-section[data-astro-cid-ipm3ixgy]{margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--color-border)}.guide-section[data-astro-cid-ipm3ixgy]:last-child{border-bottom:none}.guide-section[data-astro-cid-ipm3ixgy]>h2[data-astro-cid-ipm3ixgy]{font-size:1.75rem;margin-bottom:var(--spacing-sm)}.color-grid[data-astro-cid-ipm3ixgy]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md)}.color-swatch[data-astro-cid-ipm3ixgy]{aspect-ratio:1;border-radius:var(--radius-md);display:flex;align-items:flex-end;padding:var(--spacing-sm)}.color-label[data-astro-cid-ipm3ixgy]{font-size:.7rem;font-family:var(--font-mono);background:var(--color-bg);padding:2px 6px;border-radius:var(--radius-sm)}.type-samples[data-astro-cid-ipm3ixgy]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.type-sample[data-astro-cid-ipm3ixgy]{padding:var(--spacing-md);background:var(--color-sidebar-bg);border-radius:var(--radius-md)}.type-sample[data-astro-cid-ipm3ixgy] .text-caption[data-astro-cid-ipm3ixgy]{display:block;margin-bottom:var(--spacing-xs)}.size-samples[data-astro-cid-ipm3ixgy]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.button-grid[data-astro-cid-ipm3ixgy]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-lg)}.button-sample[data-astro-cid-ipm3ixgy]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.card-grid[data-astro-cid-ipm3ixgy]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-lg)}.surface-grid[data-astro-cid-ipm3ixgy]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-lg)}.surface-demo[data-astro-cid-ipm3ixgy]{padding:var(--spacing-lg);border-radius:var(--radius-md);min-height:100px}.image-grid[data-astro-cid-ipm3ixgy]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-lg)}.image-sample[data-astro-cid-ipm3ixgy]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.image-sample[data-astro-cid-ipm3ixgy] img[data-astro-cid-ipm3ixgy]{width:100%}.link-samples[data-astro-cid-ipm3ixgy]{display:flex;flex-direction:column;gap:var(--spacing-md)}.link-sample[data-astro-cid-ipm3ixgy]{display:flex;align-items:center;gap:var(--spacing-lg)}.link-sample[data-astro-cid-ipm3ixgy] .text-caption[data-astro-cid-ipm3ixgy]{min-width:100px}.input-samples[data-astro-cid-ipm3ixgy]{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:400px}.input-sample[data-astro-cid-ipm3ixgy]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.divider-samples[data-astro-cid-ipm3ixgy]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.divider-samples[data-astro-cid-ipm3ixgy] .divider[data-astro-cid-ipm3ixgy]{margin:var(--spacing-sm) 0}.spacing-demo[data-astro-cid-ipm3ixgy]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-lg)}.spacing-item[data-astro-cid-ipm3ixgy]{background:var(--color-link);border-radius:var(--radius-sm)}.radius-demo[data-astro-cid-ipm3ixgy]{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.radius-item[data-astro-cid-ipm3ixgy]{width:80px;height:80px;background:var(--color-sidebar-bg);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--color-muted)}.flex-1[data-astro-cid-ipm3ixgy]{flex:1}@media (max-width: 768px){.color-grid[data-astro-cid-ipm3ixgy],.card-grid[data-astro-cid-ipm3ixgy],.surface-grid[data-astro-cid-ipm3ixgy],.image-grid[data-astro-cid-ipm3ixgy]{grid-template-columns:1fr}.link-sample[data-astro-cid-ipm3ixgy]{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.card-header{padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md)}.card-footer{padding-top:var(--spacing-md);border-top:1px solid var(--color-border);margin-top:var(--spacing-md)}.surface-raised{background:var(--color-sidebar-bg);box-shadow:var(--card-shadow)}.surface-sunken{background:var(--color-sidebar-bg);box-shadow:inset 0 2px 4px #0000000f}.surface-glass{background:#ffffff0d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);transform:translateZ(0)}[data-theme=dark] .surface-glass{background:#0003}.text-micro{font-size:var(--text-micro, .5625rem);line-height:1.4;letter-spacing:.01em}.text-jumbo{font-size:var(--text-jumbo, 3.157rem);line-height:.95;letter-spacing:-.03em;font-family:var(--font-heading);font-weight:var(--heading-weight)}.text-display-xl{font-size:var(--text-display-xl, 4.209rem);line-height:.9;letter-spacing:-.04em;font-family:var(--font-heading);font-weight:var(--heading-weight)}.img-avatar-sm{width:var(--size-md);height:var(--size-md)}.img-avatar-lg{width:var(--size-xl);height:var(--size-xl)}.divider-subtle{opacity:.5}.divider-thick{height:2px}.grid-asymmetric{display:grid;grid-template-columns:2fr 1fr;gap:var(--section-spacing, 2rem)}.grid-split{display:grid;grid-template-columns:1fr 1fr;gap:0}.grid-split>*:nth-child(odd){padding-right:var(--content-padding, 2rem)}.grid-split>*:nth-child(2n){padding-left:var(--content-padding, 2rem);border-left:1px solid var(--color-border)}.grid-magazine{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--section-spacing, 2rem)}.grid-magazine>*:first-child{grid-column:1 / -1}.grid-sidebar{display:grid;grid-template-columns:280px 1fr;gap:var(--section-spacing, 2rem)}.grid-sidebar>*:first-child{position:sticky;top:var(--content-top-padding);align-self:start}@media (max-width: 768px){.grid-asymmetric,.grid-split,.grid-magazine,.grid-sidebar{grid-template-columns:1fr}.grid-split>*:nth-child(odd){padding-right:0}.grid-split>*:nth-child(2n){padding-left:0;border-left:none;border-top:1px solid var(--color-border);padding-top:var(--content-padding, 2rem)}.grid-sidebar>*:first-child{position:static}.grid-magazine>*:first-child{grid-column:auto}.surface-glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}@media (min-width: 769px) and (max-width: 1024px){.grid-magazine{grid-template-columns:1fr 1fr}}[data-theme=dark] .surface-sunken{box-shadow:inset 0 2px 4px #0003}