.page-hero[data-astro-cid-en2i3dgn]{padding:var(--space-24) 0 var(--space-16);background:var(--bg-secondary)}.back-link[data-astro-cid-en2i3dgn]{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-en2i3dgn]:hover{color:var(--theme-color, var(--accent-warm))}.page-title[data-astro-cid-en2i3dgn]{font-family:var(--font-heading);font-weight:var(--font-weight-light);font-size:var(--font-size-h1);line-height:var(--line-height-h1);color:var(--text-primary);margin-bottom:var(--space-4)}.page-description[data-astro-cid-en2i3dgn]{font-size:var(--font-size-body-large);line-height:var(--line-height-body-large);color:var(--text-secondary);max-width:var(--container-prose)}.section[data-astro-cid-en2i3dgn]{padding:var(--section-spacing-lg) 0}.section-secondary[data-astro-cid-en2i3dgn]{background:var(--bg-secondary)}.section-header[data-astro-cid-en2i3dgn]{margin-bottom:var(--space-12)}.section-label[data-astro-cid-en2i3dgn]{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-en2i3dgn]{font-family:var(--font-heading);font-weight:var(--font-weight-light);font-size:var(--font-size-h2);line-height:var(--line-height-h2);color:var(--text-primary);margin-bottom:var(--space-4)}.section-description[data-astro-cid-en2i3dgn]{font-size:var(--font-size-body-large);color:var(--text-secondary);max-width:560px}.shadows-grid[data-astro-cid-en2i3dgn]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}@media(max-width:1024px){.shadows-grid[data-astro-cid-en2i3dgn]{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.shadows-grid[data-astro-cid-en2i3dgn]{grid-template-columns:1fr}}.shadow-card[data-astro-cid-en2i3dgn]{text-align:center}.shadow-demo[data-astro-cid-en2i3dgn]{width:100%;height:120px;background:var(--bg-primary);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.shadow-info[data-astro-cid-en2i3dgn]{display:flex;flex-direction:column;gap:var(--space-1)}.shadow-token[data-astro-cid-en2i3dgn]{font-size:var(--font-size-body-small);color:var(--theme-color, var(--accent-warm));background:var(--bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);display:inline-block;margin:0 auto var(--space-2)}.shadow-use[data-astro-cid-en2i3dgn]{font-family:var(--font-heading);font-weight:var(--font-weight-medium);font-size:var(--font-size-body);color:var(--text-primary)}.shadow-value[data-astro-cid-en2i3dgn]{font-size:var(--font-size-caption);color:var(--text-muted);word-break:break-all}.radius-grid[data-astro-cid-en2i3dgn]{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-4)}@media(max-width:1200px){.radius-grid[data-astro-cid-en2i3dgn]{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.radius-grid[data-astro-cid-en2i3dgn]{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.radius-grid[data-astro-cid-en2i3dgn]{grid-template-columns:repeat(2,1fr)}}.radius-card[data-astro-cid-en2i3dgn]{text-align:center}.radius-demo[data-astro-cid-en2i3dgn]{width:80px;height:80px;background:var(--theme-color, var(--accent-warm));margin:0 auto var(--space-4)}.radius-info[data-astro-cid-en2i3dgn]{display:flex;flex-direction:column;gap:var(--space-1)}.radius-token[data-astro-cid-en2i3dgn]{font-size:var(--font-size-caption);color:var(--theme-color, var(--accent-warm));background:var(--bg-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.radius-value[data-astro-cid-en2i3dgn]{font-family:var(--font-heading);font-weight:var(--font-weight-medium);font-size:var(--font-size-body-small);color:var(--text-primary)}.radius-use[data-astro-cid-en2i3dgn]{font-size:var(--font-size-caption);color:var(--text-muted)}.border-width-demo[data-astro-cid-en2i3dgn]{display:flex;flex-direction:column;gap:var(--space-6);max-width:600px}.border-item[data-astro-cid-en2i3dgn]{display:flex;flex-direction:column;gap:var(--space-3)}.border-line[data-astro-cid-en2i3dgn]{height:0;border-bottom-style:solid;border-bottom-color:var(--text-primary)}.border-info[data-astro-cid-en2i3dgn]{display:flex;align-items:center;gap:var(--space-4)}.border-info[data-astro-cid-en2i3dgn] code[data-astro-cid-en2i3dgn]{font-size:var(--font-size-body-small);color:var(--theme-color, var(--accent-warm));background:var(--bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.border-info[data-astro-cid-en2i3dgn] span[data-astro-cid-en2i3dgn]{font-size:var(--font-size-body-small);color:var(--text-secondary)}.transitions-grid[data-astro-cid-en2i3dgn]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media(max-width:768px){.transitions-grid[data-astro-cid-en2i3dgn]{grid-template-columns:1fr}}.transition-card[data-astro-cid-en2i3dgn]{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-6)}.transition-demo[data-astro-cid-en2i3dgn]{margin-bottom:var(--space-4)}.transition-box[data-astro-cid-en2i3dgn]{padding:var(--space-4) var(--space-6);background:var(--theme-color, var(--accent-warm));color:var(--text-inverse);border-radius:var(--radius-md);font-family:var(--font-heading);font-weight:var(--font-weight-medium);text-align:center;cursor:pointer}.transition-box[data-astro-cid-en2i3dgn]:hover{background:var(--text-primary);transform:scale(1.05)}.transition-info[data-astro-cid-en2i3dgn]{display:flex;flex-direction:column;gap:var(--space-1)}.transition-info[data-astro-cid-en2i3dgn] code[data-astro-cid-en2i3dgn]{font-size:var(--font-size-body-small);color:var(--theme-color, var(--accent-warm))}.transition-value[data-astro-cid-en2i3dgn]{font-size:var(--font-size-caption);color:var(--text-secondary)}.transition-use[data-astro-cid-en2i3dgn]{font-size:var(--font-size-body-small);color:var(--text-muted)}.example-grid[data-astro-cid-en2i3dgn]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}@media(max-width:768px){.example-grid[data-astro-cid-en2i3dgn]{grid-template-columns:1fr}}.example-card[data-astro-cid-en2i3dgn]{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.example-card-inner[data-astro-cid-en2i3dgn]{padding:var(--space-8);text-align:center}.example-card-inner[data-astro-cid-en2i3dgn] h3[data-astro-cid-en2i3dgn]{font-family:var(--font-heading);font-weight:var(--font-weight-medium);font-size:var(--font-size-h4);color:var(--text-primary);margin-bottom:var(--space-2)}.example-card-inner[data-astro-cid-en2i3dgn] p[data-astro-cid-en2i3dgn]{font-size:var(--font-size-body-small);color:var(--text-secondary)}.example-card-hover[data-astro-cid-en2i3dgn]{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.example-card-elevated[data-astro-cid-en2i3dgn]{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.guidelines-grid[data-astro-cid-en2i3dgn]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media(max-width:1024px){.guidelines-grid[data-astro-cid-en2i3dgn]{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.guidelines-grid[data-astro-cid-en2i3dgn]{grid-template-columns:1fr}}.guideline-card[data-astro-cid-en2i3dgn]{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.guideline-title[data-astro-cid-en2i3dgn]{font-family:var(--font-heading);font-weight:var(--font-weight-medium);font-size:var(--font-size-h4);color:var(--text-primary);margin-bottom:var(--space-3)}.guideline-text[data-astro-cid-en2i3dgn]{font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--text-secondary)}@media(max-width:768px){.page-hero[data-astro-cid-en2i3dgn]{padding:var(--space-20) 0 var(--space-12)}}