.design-page[data-astro-cid-fbftpjmh]{display:flex;flex-direction:column;gap:var(--size-32)}.page-header[data-astro-cid-fbftpjmh]{padding-bottom:var(--size-24);border-bottom:1px solid var(--border-default)}.page-badge[data-astro-cid-fbftpjmh]{display:inline-block;padding:var(--size-4) var(--size-12);background-color:var(--background-interactive-primaryAlt);color:var(--foreground-interactive-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);margin-bottom:var(--size-12)}.page-title[data-astro-cid-fbftpjmh]{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--foreground-base);margin:0 0 var(--size-12)}.page-description[data-astro-cid-fbftpjmh]{font-size:var(--font-size-lg);color:var(--foreground-muted);line-height:var(--font-line-height-relaxed);margin:0;max-width:65ch}.page-content[data-astro-cid-fbftpjmh]{display:flex;flex-direction:column;gap:var(--size-48)}.page-content[data-astro-cid-fbftpjmh] section[data-astro-cid-fbftpjmh]{scroll-margin-top:80px}.page-content[data-astro-cid-fbftpjmh] h2[data-astro-cid-fbftpjmh]{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--size-20);padding-bottom:var(--size-12);border-bottom:1px solid var(--border-default)}.page-content[data-astro-cid-fbftpjmh] h3[data-astro-cid-fbftpjmh]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:var(--size-24) 0 var(--size-12)}.page-content[data-astro-cid-fbftpjmh] p[data-astro-cid-fbftpjmh]{color:var(--foreground-muted);line-height:var(--font-line-height-relaxed);margin:0 0 var(--size-16);max-width:65ch}.page-content[data-astro-cid-fbftpjmh] code[data-astro-cid-fbftpjmh]{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:var(--font-size-sm);background:var(--background-sunken);padding:var(--size-2) var(--size-6);border-radius:var(--radius-sm)}.font-showcase[data-astro-cid-fbftpjmh]{display:grid;grid-template-columns:auto 1fr;gap:var(--size-32);margin-top:var(--size-32);padding:var(--size-32);background:var(--background-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.font-preview[data-astro-cid-fbftpjmh]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--size-16)}.font-glyph[data-astro-cid-fbftpjmh]{font-size:8rem;font-weight:var(--font-weight-bold);color:var(--foreground-base);line-height:1}.font-label[data-astro-cid-fbftpjmh]{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--foreground-muted);text-transform:uppercase;letter-spacing:.1em}.font-info[data-astro-cid-fbftpjmh] h3[data-astro-cid-fbftpjmh]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--foreground-base);margin:0 0 var(--size-16)}.font-alphabet[data-astro-cid-fbftpjmh]{font-size:var(--font-size-sm);color:var(--foreground-base);line-height:var(--font-line-height-relaxed);margin:0 0 var(--size-20);font-weight:var(--font-weight-medium)}.font-weights[data-astro-cid-fbftpjmh]{display:flex;gap:var(--size-8);margin-bottom:var(--size-16)}.weight-chip[data-astro-cid-fbftpjmh]{padding:var(--size-8) var(--size-16);background:var(--background-base);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--foreground-muted);cursor:pointer;transition:all var(--motion-duration-fast) var(--motion-easing-ease-out)}.weight-chip[data-astro-cid-fbftpjmh]:hover{border-color:var(--border-brand-primaryAlt);color:var(--foreground-base)}.weight-chip-active[data-astro-cid-fbftpjmh]{background:var(--background-sunken);border-color:var(--border-brand-primary);color:var(--foreground-base);font-weight:var(--font-weight-medium)}.google-fonts-link[data-astro-cid-fbftpjmh]{display:inline-flex;align-items:center;gap:var(--size-8);padding:var(--size-12) var(--size-20);background:var(--background-base);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--foreground-base);text-decoration:none;transition:all var(--motion-duration-fast) var(--motion-easing-ease-out)}.google-fonts-link[data-astro-cid-fbftpjmh]:hover{border-color:var(--border-brand-primary);box-shadow:var(--elevation-100)}.why-grid[data-astro-cid-fbftpjmh]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--size-20);margin-top:var(--size-24)}.why-card[data-astro-cid-fbftpjmh]{padding:var(--size-24);background:var(--background-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);border-left:4px solid var(--border-brand-primary)}.why-card[data-astro-cid-fbftpjmh] h3[data-astro-cid-fbftpjmh]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--foreground-base);margin:0 0 var(--size-12)}.why-card[data-astro-cid-fbftpjmh] p[data-astro-cid-fbftpjmh]{font-size:var(--font-size-sm);color:var(--foreground-muted);margin:0;max-width:none}.usage-guidelines[data-astro-cid-fbftpjmh]{display:flex;flex-direction:column;gap:var(--size-16);margin-top:var(--size-24)}.usage-item[data-astro-cid-fbftpjmh]{padding:var(--size-20);background:var(--background-raised);border-radius:var(--radius-lg);border-left:4px solid var(--border-brand-primaryAlt)}.usage-item[data-astro-cid-fbftpjmh] h3[data-astro-cid-fbftpjmh]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--foreground-base);margin:0 0 var(--size-8)}.usage-item[data-astro-cid-fbftpjmh] p[data-astro-cid-fbftpjmh]{font-size:var(--font-size-sm);color:var(--foreground-muted);margin:0;max-width:none}.usage-item[data-astro-cid-fbftpjmh] strong[data-astro-cid-fbftpjmh]{color:var(--foreground-base)}.style-categories[data-astro-cid-fbftpjmh]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--size-16);margin-top:var(--size-24)}.category-card[data-astro-cid-fbftpjmh]{padding:var(--size-20);background:var(--background-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.category-card[data-astro-cid-fbftpjmh] h3[data-astro-cid-fbftpjmh]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--foreground-base);margin:0 0 var(--size-8)}.category-card[data-astro-cid-fbftpjmh] p[data-astro-cid-fbftpjmh]{font-size:var(--font-size-sm);color:var(--foreground-muted);margin:0 0 var(--size-12)}.category-sizes[data-astro-cid-fbftpjmh]{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--foreground-interactive-primary)}.type-scale-preview[data-astro-cid-fbftpjmh]{display:flex;flex-direction:column;gap:var(--size-8);margin-top:var(--size-24);padding:var(--size-24);background:var(--background-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow-x:auto}.scale-item[data-astro-cid-fbftpjmh]{display:flex;align-items:baseline;gap:var(--size-16);padding:var(--size-8) 0;border-bottom:1px solid var(--border-default)}.scale-item[data-astro-cid-fbftpjmh]:last-child{border-bottom:none}.scale-sample[data-astro-cid-fbftpjmh]{color:var(--foreground-base);white-space:nowrap;min-width:300px}.scale-token[data-astro-cid-fbftpjmh]{font-family:SF Mono,Monaco,monospace;font-size:var(--font-size-xs);color:var(--foreground-muted)}.style-showcase[data-astro-cid-fbftpjmh]{display:flex;flex-direction:column;gap:var(--size-32);margin-top:var(--size-24)}.style-group[data-astro-cid-fbftpjmh]{padding:var(--size-24);background:var(--background-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.style-header[data-astro-cid-fbftpjmh]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--size-16);padding-bottom:var(--size-12);border-bottom:1px solid var(--border-default)}.style-header[data-astro-cid-fbftpjmh] h3[data-astro-cid-fbftpjmh]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--foreground-base);margin:0;text-transform:capitalize}.style-size[data-astro-cid-fbftpjmh]{font-size:var(--font-size-sm);color:var(--foreground-muted)}.weight-samples[data-astro-cid-fbftpjmh]{display:flex;flex-direction:column;gap:var(--size-16)}.weight-sample[data-astro-cid-fbftpjmh]{display:flex;flex-direction:column;gap:var(--size-8)}.sample-text[data-astro-cid-fbftpjmh]{color:var(--foreground-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weight-sample[data-astro-cid-fbftpjmh] code[data-astro-cid-fbftpjmh]{font-family:SF Mono,Monaco,monospace;font-size:var(--font-size-xs);color:var(--foreground-interactive-primary);background:none;padding:0}.usage-note[data-astro-cid-fbftpjmh]{margin-top:var(--size-24);padding:var(--size-16);background:var(--background-sunken);border-left:3px solid var(--border-brand-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--foreground-muted)}.usage-note[data-astro-cid-fbftpjmh] strong[data-astro-cid-fbftpjmh]{color:var(--foreground-base)}.code-block[data-astro-cid-fbftpjmh]{background:var(--background-sunken);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow-x:auto;margin-top:var(--size-12)}.code-block[data-astro-cid-fbftpjmh] pre[data-astro-cid-fbftpjmh]{margin:0;padding:var(--size-16)}.code-block[data-astro-cid-fbftpjmh] code[data-astro-cid-fbftpjmh]{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:var(--font-size-sm);color:var(--foreground-base);line-height:var(--font-line-height-relaxed);background:none;padding:0}.naming-pattern[data-astro-cid-fbftpjmh]{margin-top:var(--size-16);padding:var(--size-16);background:var(--background-raised);border-radius:var(--radius-md)}.naming-pattern[data-astro-cid-fbftpjmh] code[data-astro-cid-fbftpjmh]{font-size:var(--font-size-md);color:var(--foreground-interactive-primary)}.naming-pattern[data-astro-cid-fbftpjmh] ul[data-astro-cid-fbftpjmh]{margin:var(--size-12) 0 0;padding-left:var(--size-20)}.naming-pattern[data-astro-cid-fbftpjmh] li[data-astro-cid-fbftpjmh]{font-size:var(--font-size-sm);color:var(--foreground-muted);margin-bottom:var(--size-4)}.naming-pattern[data-astro-cid-fbftpjmh] li[data-astro-cid-fbftpjmh] strong[data-astro-cid-fbftpjmh]{color:var(--foreground-base)}.guidelines-grid[data-astro-cid-fbftpjmh]{display:grid;grid-template-columns:1fr 1fr;gap:var(--size-20);margin-top:var(--size-24)}.guideline-card[data-astro-cid-fbftpjmh]{padding:var(--size-20);border-radius:var(--radius-lg)}.guideline-card[data-astro-cid-fbftpjmh].do{background:var(--background-system-success);border:1px solid var(--border-system-success)}.guideline-card[data-astro-cid-fbftpjmh].dont{background:var(--background-system-danger);border:1px solid var(--border-system-danger)}.guideline-card[data-astro-cid-fbftpjmh] h3[data-astro-cid-fbftpjmh]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--size-12)}.guideline-card[data-astro-cid-fbftpjmh].do h3[data-astro-cid-fbftpjmh]{color:var(--foreground-system-success)}.guideline-card[data-astro-cid-fbftpjmh].dont h3[data-astro-cid-fbftpjmh]{color:var(--foreground-system-danger)}.guideline-card[data-astro-cid-fbftpjmh] ul[data-astro-cid-fbftpjmh]{margin:0;padding-left:var(--size-20)}.guideline-card[data-astro-cid-fbftpjmh] li[data-astro-cid-fbftpjmh]{font-size:var(--font-size-sm);color:var(--foreground-base);margin-bottom:var(--size-8);line-height:var(--font-line-height-relaxed)}.combinations[data-astro-cid-fbftpjmh]{display:flex;flex-direction:column;gap:var(--size-12);margin-top:var(--size-16)}.combo[data-astro-cid-fbftpjmh]{display:flex;align-items:center;gap:var(--size-12);padding:var(--size-12) var(--size-16);background:var(--background-raised);border-radius:var(--radius-md)}.combo-label[data-astro-cid-fbftpjmh]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--foreground-base);min-width:120px}.combo[data-astro-cid-fbftpjmh] code[data-astro-cid-fbftpjmh]{font-size:var(--font-size-xs)}.toc-list[data-astro-cid-fbftpjmh]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--size-4)}.toc-link[data-astro-cid-fbftpjmh]{display:block;padding:var(--size-6) var(--size-12);font-size:var(--font-size-sm);color:var(--foreground-muted);text-decoration:none;border-left:2px solid transparent;transition:all var(--motion-duration-fast) var(--motion-easing-ease-out)}.toc-link[data-astro-cid-fbftpjmh]:hover{color:var(--foreground-base);border-left-color:var(--border-brand-primaryAlt);background-color:var(--background-subtle)}@media(max-width:768px){.page-title[data-astro-cid-fbftpjmh]{font-size:var(--font-size-3xl)}.font-showcase[data-astro-cid-fbftpjmh]{grid-template-columns:1fr;text-align:center}.font-glyph[data-astro-cid-fbftpjmh]{font-size:5rem}.font-weights[data-astro-cid-fbftpjmh]{justify-content:center;flex-wrap:wrap}.why-grid[data-astro-cid-fbftpjmh],.style-categories[data-astro-cid-fbftpjmh],.guidelines-grid[data-astro-cid-fbftpjmh]{grid-template-columns:1fr}.scale-sample[data-astro-cid-fbftpjmh]{min-width:auto}}