.page-hero[data-astro-cid-ct7f62ck]{padding:var(--space-24) 0 var(--space-16);background:var(--bg-secondary)}.back-link[data-astro-cid-ct7f62ck]{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-size:var(--font-size-body-small);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-decoration:none;margin-bottom:var(--space-6);transition:color var(--transition-fast)}.back-link[data-astro-cid-ct7f62ck]:hover{color:var(--theme-color, var(--accent-warm))}.hero-icon[data-astro-cid-ct7f62ck]{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:color-mix(in srgb,var(--theme-color, var(--accent-warm)) 10%,transparent);border-radius:var(--radius-xl);color:var(--theme-color, var(--accent-warm));margin-bottom:var(--space-4)}.page-title[data-astro-cid-ct7f62ck]{font-family:var(--font-heading);font-weight:var(--font-weight-light);font-size:var(--font-size-h1);color:var(--text-primary);margin-bottom:var(--space-4)}.page-description[data-astro-cid-ct7f62ck]{font-size:var(--font-size-body-large);color:var(--text-secondary)}.section[data-astro-cid-ct7f62ck]{padding:var(--section-spacing-lg) 0}.section[data-astro-cid-ct7f62ck]:nth-child(2n){background:var(--bg-secondary)}.section-secondary[data-astro-cid-ct7f62ck]{background:var(--bg-secondary)}.section-header[data-astro-cid-ct7f62ck]{margin-bottom:var(--space-12)}.section-label[data-astro-cid-ct7f62ck]{display:block;font-family:var(--font-heading);font-size:var(--font-size-label);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.08em;color:var(--theme-color, var(--accent-warm));margin-bottom:var(--space-3)}.section-title[data-astro-cid-ct7f62ck]{font-family:var(--font-heading);font-weight:var(--font-weight-light);font-size:var(--font-size-h2);color:var(--text-primary)}.usage-grid[data-astro-cid-ct7f62ck]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media(max-width:1024px){.usage-grid[data-astro-cid-ct7f62ck]{grid-template-columns:1fr}}.usage-card[data-astro-cid-ct7f62ck]{background:var(--bg-secondary);padding:var(--space-6);border-radius:var(--radius-xl)}.usage-title[data-astro-cid-ct7f62ck]{font-family:var(--font-heading);font-weight:var(--font-weight-medium);font-size:var(--font-size-body);color:var(--text-primary);margin-bottom:var(--space-4)}.code-block[data-astro-cid-ct7f62ck]{background:var(--bg-inverse);padding:var(--space-4);border-radius:var(--radius-lg);overflow-x:auto}.code-block[data-astro-cid-ct7f62ck] code[data-astro-cid-ct7f62ck]{display:block;font-size:var(--font-size-caption);color:var(--color-taupe-200);line-height:1.6}.sizes-demo[data-astro-cid-ct7f62ck]{display:flex;flex-wrap:wrap;gap:var(--space-8);justify-content:center}.size-item[data-astro-cid-ct7f62ck]{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);min-width:100px}.size-icon[data-astro-cid-ct7f62ck]{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--bg-primary);border-radius:var(--radius-xl);color:var(--theme-color, var(--accent-warm))}.size-label[data-astro-cid-ct7f62ck]{font-family:var(--font-heading);font-weight:var(--font-weight-medium);color:var(--text-primary)}.size-use[data-astro-cid-ct7f62ck]{font-size:var(--font-size-caption);color:var(--text-muted)}.icons-grid[data-astro-cid-ct7f62ck]{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--space-4)}@media(max-width:1200px){.icons-grid[data-astro-cid-ct7f62ck]{grid-template-columns:repeat(6,1fr)}}@media(max-width:768px){.icons-grid[data-astro-cid-ct7f62ck]{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.icons-grid[data-astro-cid-ct7f62ck]{grid-template-columns:repeat(3,1fr)}}.icon-card[data-astro-cid-ct7f62ck]{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer}.section[data-astro-cid-ct7f62ck]:nth-child(2n) .icon-card[data-astro-cid-ct7f62ck]{background:var(--bg-primary)}.icon-card[data-astro-cid-ct7f62ck]:hover{background:var(--accent-warm);color:var(--text-inverse)}.icon-preview[data-astro-cid-ct7f62ck]{display:flex;align-items:center;justify-content:center}.icon-name[data-astro-cid-ct7f62ck]{font-size:var(--font-size-caption);text-align:center;word-break:break-word}.guidelines-grid[data-astro-cid-ct7f62ck]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media(max-width:1024px){.guidelines-grid[data-astro-cid-ct7f62ck]{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.guidelines-grid[data-astro-cid-ct7f62ck]{grid-template-columns:1fr}}.guideline-card[data-astro-cid-ct7f62ck]{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-6);border-left:4px solid transparent}.guideline-do[data-astro-cid-ct7f62ck]{border-left-color:var(--color-retro-sage)}.guideline-dont[data-astro-cid-ct7f62ck]{border-left-color:var(--color-brand-oxblood)}.guideline-icon[data-astro-cid-ct7f62ck]{display:flex;margin-bottom:var(--space-3)}.guideline-do[data-astro-cid-ct7f62ck] .guideline-icon[data-astro-cid-ct7f62ck]{color:var(--color-retro-sage)}.guideline-dont[data-astro-cid-ct7f62ck] .guideline-icon[data-astro-cid-ct7f62ck]{color:var(--color-brand-oxblood)}.guideline-title[data-astro-cid-ct7f62ck]{font-family:var(--font-heading);font-weight:var(--font-weight-medium);font-size:var(--font-size-body);color:var(--text-primary);margin-bottom:var(--space-2)}.guideline-text[data-astro-cid-ct7f62ck]{font-size:var(--font-size-body-small);color:var(--text-secondary)}.resources-grid[data-astro-cid-ct7f62ck]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media(max-width:768px){.resources-grid[data-astro-cid-ct7f62ck]{grid-template-columns:1fr}}.resource-card[data-astro-cid-ct7f62ck]{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6);background:var(--bg-secondary);border-radius:var(--radius-xl);text-decoration:none;transition:all var(--transition-normal)}.resource-card[data-astro-cid-ct7f62ck]:hover{background:var(--bg-tertiary);transform:translateY(-4px)}.resource-title[data-astro-cid-ct7f62ck]{font-family:var(--font-heading);font-weight:var(--font-weight-medium);font-size:var(--font-size-h4);color:var(--text-primary)}.resource-desc[data-astro-cid-ct7f62ck]{font-size:var(--font-size-body-small);color:var(--text-secondary)}.resource-link[data-astro-cid-ct7f62ck]{font-family:var(--font-heading);font-size:var(--font-size-body-small);font-weight:var(--font-weight-medium);color:var(--theme-color, var(--accent-warm));margin-top:var(--space-2)}