.page-hero[data-astro-cid-vo46kdf6]{padding:var(--space-24) 0 var(--space-16);background:var(--bg-secondary)}.back-link[data-astro-cid-vo46kdf6]{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-vo46kdf6]:hover{color:var(--theme-color, var(--accent-warm))}.page-title[data-astro-cid-vo46kdf6]{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-vo46kdf6]{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-vo46kdf6]{padding:var(--section-spacing-lg) 0}.section-secondary[data-astro-cid-vo46kdf6]{background:var(--bg-secondary)}.section-header[data-astro-cid-vo46kdf6]{margin-bottom:var(--space-12)}.section-label[data-astro-cid-vo46kdf6]{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-vo46kdf6]{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-vo46kdf6]{font-size:var(--font-size-body-large);color:var(--text-secondary);max-width:560px}.spacing-scale[data-astro-cid-vo46kdf6]{display:flex;flex-direction:column;gap:var(--space-4)}.spacing-item[data-astro-cid-vo46kdf6]{display:flex;align-items:center;gap:var(--space-6)}.spacing-visual[data-astro-cid-vo46kdf6]{width:120px;height:24px;background:var(--bg-tertiary);border-radius:var(--radius-sm);display:flex;align-items:center;padding-left:var(--space-2);flex-shrink:0}.spacing-bar[data-astro-cid-vo46kdf6]{height:12px;background:var(--theme-color, var(--accent-warm));border-radius:var(--radius-sm);min-width:2px}.spacing-info[data-astro-cid-vo46kdf6]{display:flex;align-items:center;gap:var(--space-4)}.spacing-value[data-astro-cid-vo46kdf6]{font-family:var(--font-heading);font-weight:var(--font-weight-medium);font-size:var(--font-size-body);color:var(--text-primary);min-width:48px}.spacing-token[data-astro-cid-vo46kdf6]{font-size:var(--font-size-body-small);color:var(--text-secondary);background:var(--bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.spacing-demo-grid[data-astro-cid-vo46kdf6]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}@media(max-width:1024px){.spacing-demo-grid[data-astro-cid-vo46kdf6]{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.spacing-demo-grid[data-astro-cid-vo46kdf6]{grid-template-columns:1fr}}.spacing-demo-card[data-astro-cid-vo46kdf6]{text-align:center}.demo-box[data-astro-cid-vo46kdf6]{background:var(--bg-primary);border:var(--border-width-thin) solid var(--border-default);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;min-height:120px;margin-bottom:var(--space-3)}.demo-inner[data-astro-cid-vo46kdf6]{background:var(--theme-color, var(--accent-warm));color:var(--text-inverse);border-radius:var(--radius-md);font-family:var(--font-heading);font-size:var(--font-size-body-small);font-weight:var(--font-weight-medium)}.demo-label[data-astro-cid-vo46kdf6]{font-family:var(--font-body);font-size:var(--font-size-body-small);color:var(--text-secondary)}.token-table-wrapper[data-astro-cid-vo46kdf6]{overflow-x:auto}.token-table[data-astro-cid-vo46kdf6]{width:100%;border-collapse:collapse;background:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.token-table[data-astro-cid-vo46kdf6] th[data-astro-cid-vo46kdf6]{background:var(--table-header-bg);color:var(--table-header-text);font-family:var(--table-header-font);font-weight:var(--table-header-weight);font-size:var(--table-header-size);text-transform:var(--table-header-text-transform);letter-spacing:var(--table-header-letter-spacing);padding:var(--table-header-padding);text-align:left}.token-table[data-astro-cid-vo46kdf6] td[data-astro-cid-vo46kdf6]{padding:var(--table-cell-padding);border-bottom:var(--table-border-width) solid var(--table-border-color);font-size:var(--table-cell-size);color:var(--table-cell-text)}.token-table[data-astro-cid-vo46kdf6] tr[data-astro-cid-vo46kdf6]:last-child td[data-astro-cid-vo46kdf6]{border-bottom:none}.token-table[data-astro-cid-vo46kdf6] tr[data-astro-cid-vo46kdf6]:hover td[data-astro-cid-vo46kdf6]{background:var(--table-cell-bg-hover)}.token-table[data-astro-cid-vo46kdf6] code[data-astro-cid-vo46kdf6]{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)}.container-demo[data-astro-cid-vo46kdf6]{display:flex;flex-direction:column;gap:var(--space-6)}.container-item[data-astro-cid-vo46kdf6]{display:flex;flex-direction:column;gap:var(--space-2)}.container-bar[data-astro-cid-vo46kdf6]{width:100%;background:var(--bg-primary);border:var(--border-width-thin) solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);display:flex;justify-content:space-between;align-items:center}.container-label[data-astro-cid-vo46kdf6]{font-family:var(--font-heading);font-weight:var(--font-weight-medium);font-size:var(--font-size-body);color:var(--text-primary)}.container-value[data-astro-cid-vo46kdf6]{font-family:var(--font-body);font-size:var(--font-size-body-small);color:var(--text-secondary)}.container-token[data-astro-cid-vo46kdf6]{font-size:var(--font-size-body-small);color:var(--text-secondary)}.guidelines-grid[data-astro-cid-vo46kdf6]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media(max-width:1024px){.guidelines-grid[data-astro-cid-vo46kdf6]{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.guidelines-grid[data-astro-cid-vo46kdf6]{grid-template-columns:1fr}}.guideline-card[data-astro-cid-vo46kdf6]{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.guideline-title[data-astro-cid-vo46kdf6]{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-vo46kdf6]{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-vo46kdf6]{padding:var(--space-20) 0 var(--space-12)}.spacing-item[data-astro-cid-vo46kdf6]{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.spacing-visual[data-astro-cid-vo46kdf6]{width:100%;max-width:200px}}