.tokens-overview[data-astro-cid-6d233cpu]{display:flex;flex-direction:column;gap:var(--size-32)}.page-header[data-astro-cid-6d233cpu]{padding-bottom:var(--size-24);border-bottom:1px solid var(--border-default)}.page-badge[data-astro-cid-6d233cpu]{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-6d233cpu]{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-6d233cpu]{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-6d233cpu]{display:flex;flex-direction:column;gap:var(--size-48)}.page-content[data-astro-cid-6d233cpu] section[data-astro-cid-6d233cpu]{scroll-margin-top:80px}.page-content[data-astro-cid-6d233cpu] h2[data-astro-cid-6d233cpu]{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-6d233cpu] h3[data-astro-cid-6d233cpu]{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-6d233cpu] p[data-astro-cid-6d233cpu]{color:var(--foreground-muted);line-height:var(--font-line-height-relaxed);margin:0 0 var(--size-16);max-width:65ch}.benefits-grid[data-astro-cid-6d233cpu]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--size-20);margin-top:var(--size-24)}.benefit-card[data-astro-cid-6d233cpu]{padding:var(--size-20);background:var(--background-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.benefit-icon[data-astro-cid-6d233cpu]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--background-interactive-primary);color:var(--foreground-interactive-white);border-radius:var(--radius-md);margin-bottom:var(--size-16)}.benefit-card[data-astro-cid-6d233cpu] h3[data-astro-cid-6d233cpu]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--size-8)}.benefit-card[data-astro-cid-6d233cpu] p[data-astro-cid-6d233cpu]{font-size:var(--font-size-sm);color:var(--foreground-muted);margin:0}.categories-grid[data-astro-cid-6d233cpu]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--size-20);margin-top:var(--size-24)}.category-card[data-astro-cid-6d233cpu]{display:block;padding:var(--size-20);background:var(--background-base);border:1px solid var(--border-default);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--motion-duration-fast) var(--motion-easing-ease-out)}.category-card[data-astro-cid-6d233cpu]:hover{border-color:var(--border-brand-primary);box-shadow:var(--elevation-200);transform:translateY(-2px)}.category-preview[data-astro-cid-6d233cpu]{height:80px;display:flex;align-items:center;justify-content:center;gap:var(--size-8);background:var(--background-sunken);border-radius:var(--radius-md);margin-bottom:var(--size-16)}.category-card[data-astro-cid-6d233cpu] h3[data-astro-cid-6d233cpu]{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-6d233cpu] p[data-astro-cid-6d233cpu]{font-size:var(--font-size-sm);color:var(--foreground-muted);margin:0;line-height:var(--font-line-height-normal)}.color-dot[data-astro-cid-6d233cpu]{width:32px;height:32px;border-radius:var(--radius-full);box-shadow:var(--elevation-100)}.spacing-bar[data-astro-cid-6d233cpu]{height:32px;background:var(--background-interactive-primary);border-radius:var(--radius-xs)}.typography-preview[data-astro-cid-6d233cpu]{color:var(--foreground-base)}.radius-box[data-astro-cid-6d233cpu]{width:28px;height:28px;background:var(--background-interactive-primary)}.motion-preview[data-astro-cid-6d233cpu] .motion-circle[data-astro-cid-6d233cpu]{width:24px;height:24px;background:var(--background-interactive-primary);border-radius:var(--radius-full);animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.elevation-box[data-astro-cid-6d233cpu]{width:60px;height:40px;background:var(--background-base);border-radius:var(--radius-md)}.code-block[data-astro-cid-6d233cpu]{background:var(--background-sunken);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow-x:auto}.code-block[data-astro-cid-6d233cpu] pre[data-astro-cid-6d233cpu]{margin:0;padding:var(--size-16)}.code-block[data-astro-cid-6d233cpu] code[data-astro-cid-6d233cpu]{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)}.architecture-diagram[data-astro-cid-6d233cpu]{display:flex;flex-direction:column;align-items:center;gap:var(--size-12);padding:var(--size-32);background:var(--background-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin-top:var(--size-24)}.arch-layer[data-astro-cid-6d233cpu]{width:100%;max-width:400px;padding:var(--size-20);background:var(--background-base);border:1px solid var(--border-default);border-radius:var(--radius-md);text-align:center}.arch-label[data-astro-cid-6d233cpu]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--foreground-base);margin-bottom:var(--size-8)}.arch-description[data-astro-cid-6d233cpu]{font-size:var(--font-size-sm);color:var(--foreground-muted)}.arch-description[data-astro-cid-6d233cpu] code[data-astro-cid-6d233cpu]{font-family:SF Mono,Monaco,monospace;font-size:var(--font-size-xs);background:var(--background-sunken);padding:var(--size-2) var(--size-6);border-radius:var(--radius-sm)}.arch-arrow[data-astro-cid-6d233cpu]{color:var(--foreground-muted)}.arch-note[data-astro-cid-6d233cpu]{margin-top:var(--size-24);padding:var(--size-16);background:var(--background-system-warning);border-left:3px solid var(--border-system-warning);border-radius:var(--radius-sm)}.arch-note[data-astro-cid-6d233cpu] strong[data-astro-cid-6d233cpu]{color:var(--foreground-base)}.toc-list[data-astro-cid-6d233cpu]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--size-4)}.toc-link[data-astro-cid-6d233cpu]{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-6d233cpu]: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-6d233cpu]{font-size:var(--font-size-3xl)}.categories-grid[data-astro-cid-6d233cpu]{grid-template-columns:1fr}}