.info-card[data-astro-cid-whq3sssb]{padding:var(--size-16);background:var(--background-system-success);border-left:3px solid var(--border-system-success);border-radius:var(--radius-sm);margin-top:var(--size-16)}.info-card[data-astro-cid-whq3sssb] h4[data-astro-cid-whq3sssb]{margin:0 0 var(--size-8);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.info-card[data-astro-cid-whq3sssb] p[data-astro-cid-whq3sssb]{margin:0;font-size:var(--font-size-sm)}.spacing-table[data-astro-cid-whq3sssb]{border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;margin-top:var(--size-20)}.spacing-header[data-astro-cid-whq3sssb]{display:grid;grid-template-columns:1fr 1fr 80px 1fr;gap:var(--size-16);padding:var(--size-12) var(--size-16);background:var(--background-sunken);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--foreground-muted);border-bottom:1px solid var(--border-default)}.spacing-row[data-astro-cid-whq3sssb]{display:grid;grid-template-columns:1fr 1fr 80px 1fr;gap:var(--size-16);padding:var(--size-12) var(--size-16);align-items:center;border-bottom:1px solid var(--border-default)}.spacing-row[data-astro-cid-whq3sssb]:last-child{border-bottom:none}.spacing-row[data-astro-cid-whq3sssb]:hover{background:var(--background-raised)}.token-name[data-astro-cid-whq3sssb]{font-family:SF Mono,Monaco,monospace;font-size:var(--font-size-sm);color:var(--foreground-interactive-primary)}.token-value[data-astro-cid-whq3sssb]{font-size:var(--font-size-sm);color:var(--foreground-muted)}.token-px[data-astro-cid-whq3sssb]{font-size:var(--font-size-sm);color:var(--foreground-subtle)}.token-preview[data-astro-cid-whq3sssb]{height:24px;display:flex;align-items:center}.preview-bar[data-astro-cid-whq3sssb]{height:100%;background:var(--background-interactive-primary);border-radius:var(--radius-xs);max-width:100%}.code-block[data-astro-cid-whq3sssb]{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-whq3sssb] pre[data-astro-cid-whq3sssb]{margin:0;padding:var(--size-16)}.code-block[data-astro-cid-whq3sssb] code[data-astro-cid-whq3sssb]{font-family:SF Mono,Monaco,monospace;font-size:var(--font-size-sm);color:var(--foreground-base);line-height:var(--font-line-height-relaxed)}.guidelines-grid[data-astro-cid-whq3sssb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--size-16);margin-top:var(--size-16)}.guideline-card[data-astro-cid-whq3sssb]{padding:var(--size-16);background:var(--background-raised);border:1px solid var(--border-default);border-radius:var(--radius-md)}.guideline-card[data-astro-cid-whq3sssb] h4[data-astro-cid-whq3sssb]{margin:0 0 var(--size-8);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.guideline-card[data-astro-cid-whq3sssb] p[data-astro-cid-whq3sssb]{margin:0 0 var(--size-8);font-size:var(--font-size-sm);color:var(--foreground-muted)}.guideline-card[data-astro-cid-whq3sssb] code[data-astro-cid-whq3sssb]{font-family:SF Mono,Monaco,monospace;font-size:var(--font-size-xs);color:var(--foreground-interactive-primary)}.best-practices[data-astro-cid-whq3sssb]{margin:var(--size-16) 0 0;padding-left:var(--size-20)}.best-practices[data-astro-cid-whq3sssb] li[data-astro-cid-whq3sssb]{margin-bottom:var(--size-8);color:var(--foreground-muted);line-height:var(--font-line-height-relaxed)}.best-practices[data-astro-cid-whq3sssb] code[data-astro-cid-whq3sssb]{font-family:SF Mono,Monaco,monospace;font-size:var(--font-size-sm);background:var(--background-sunken);padding:var(--size-2) var(--size-6);border-radius:var(--radius-sm)}@media(max-width:768px){.spacing-header[data-astro-cid-whq3sssb],.spacing-row[data-astro-cid-whq3sssb]{grid-template-columns:1fr 1fr}.spacing-header[data-astro-cid-whq3sssb] span[data-astro-cid-whq3sssb]:nth-child(3),.spacing-header[data-astro-cid-whq3sssb] span[data-astro-cid-whq3sssb]:nth-child(4),.spacing-row[data-astro-cid-whq3sssb] .token-px[data-astro-cid-whq3sssb],.spacing-row[data-astro-cid-whq3sssb] .token-preview[data-astro-cid-whq3sssb]{display:none}}