.doc-page[data-astro-cid-k3viucnb]{padding:var(--op-space-40) var(--op-space-32);max-width:860px}.doc-breadcrumb[data-astro-cid-k3viucnb]{font-size:var(--op-text-xs);color:var(--op-color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--op-space-8)}.doc-header[data-astro-cid-k3viucnb]{margin-bottom:var(--op-space-32);padding-bottom:var(--op-space-32);border-bottom:1px solid var(--op-color-border-default)}.doc-intro[data-astro-cid-k3viucnb]{font-size:var(--op-text-lg);color:var(--op-color-text-secondary);max-width:64ch;margin:var(--op-space-16) 0 0}.doc-section[data-astro-cid-k3viucnb]{margin-bottom:var(--op-space-48)}.doc-section[data-astro-cid-k3viucnb] h2[data-astro-cid-k3viucnb]{font-size:var(--op-text-xl);font-weight:600;margin:0 0 var(--op-space-16);padding-bottom:var(--op-space-12);border-bottom:1px solid var(--op-color-border-default)}.doc-section[data-astro-cid-k3viucnb] h3[data-astro-cid-k3viucnb]{font-size:var(--op-text-base);font-weight:600;margin:var(--op-space-24) 0 var(--op-space-12)}.doc-section[data-astro-cid-k3viucnb] p[data-astro-cid-k3viucnb]{line-height:1.7;margin-bottom:var(--op-space-16);color:var(--op-color-text-primary)}.doc-list[data-astro-cid-k3viucnb]{padding-left:var(--op-space-20);margin:0 0 var(--op-space-16);line-height:1.625}.doc-list[data-astro-cid-k3viucnb] li[data-astro-cid-k3viucnb]{margin-bottom:var(--op-space-8);color:var(--op-color-text-primary)}.do-dont-grid[data-astro-cid-k3viucnb]{display:grid;grid-template-columns:1fr 1fr;gap:var(--op-space-16);margin-bottom:var(--op-space-24)}.do-card[data-astro-cid-k3viucnb]{padding:var(--op-space-20);border-radius:8px;background:var(--op-color-status-success-bg);border-left:4px solid var(--op-color-status-success);font-size:var(--op-text-sm);line-height:1.625}.dont-card[data-astro-cid-k3viucnb]{padding:var(--op-space-20);border-radius:8px;background:var(--op-color-status-error-bg);border-left:4px solid var(--op-color-status-error);font-size:var(--op-text-sm);line-height:1.625}.do-label[data-astro-cid-k3viucnb]{font-weight:700;font-size:var(--op-text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--op-color-status-success);margin:0 0 var(--op-space-8)}.dont-label[data-astro-cid-k3viucnb]{font-weight:700;font-size:var(--op-text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--op-color-status-error);margin:0 0 var(--op-space-8)}.card-list[data-astro-cid-k3viucnb]{padding-left:var(--op-space-20);margin:0}.card-list[data-astro-cid-k3viucnb] li[data-astro-cid-k3viucnb]{margin-bottom:var(--op-space-4)}.principles-grid[data-astro-cid-k3viucnb]{display:grid;grid-template-columns:1fr 1fr;gap:var(--op-space-16);margin:var(--op-space-20) 0 var(--op-space-24)}@media (max-width: 640px){.principles-grid[data-astro-cid-k3viucnb]{grid-template-columns:1fr}}.principle-card[data-astro-cid-k3viucnb]{padding:var(--op-space-20);border:1px solid var(--op-color-border-default);border-radius:var(--op-radius-md);background:var(--op-color-bg-secondary)}.principle-number[data-astro-cid-k3viucnb]{font-size:var(--op-text-xs);font-weight:700;letter-spacing:.1em;color:var(--op-color-text-muted);margin:0 0 var(--op-space-8)}.principle-heading[data-astro-cid-k3viucnb]{font-size:var(--op-text-base);font-weight:700;margin:0 0 var(--op-space-12);color:var(--op-color-text-primary)}.principle-body[data-astro-cid-k3viucnb]{font-size:var(--op-text-sm);color:var(--op-color-text-secondary);line-height:1.7;margin:0}.palette-sequence[data-astro-cid-k3viucnb]{display:flex;flex-direction:column;gap:var(--op-space-12);margin:var(--op-space-20) 0 var(--op-space-16);padding:var(--op-space-20);background:var(--op-color-bg-secondary);border-radius:var(--op-radius-md);border:1px solid var(--op-color-border-default)}.palette-step[data-astro-cid-k3viucnb]{display:flex;align-items:center;gap:var(--op-space-16)}.palette-swatch[data-astro-cid-k3viucnb]{width:36px;height:36px;border-radius:6px;flex-shrink:0;border:1px solid rgba(0,0,0,.08);display:block}.palette-step__meta[data-astro-cid-k3viucnb]{display:flex;flex-direction:column;gap:2px}.palette-step__label[data-astro-cid-k3viucnb]{font-size:var(--op-text-xs);color:var(--op-color-text-muted);text-transform:uppercase;letter-spacing:.06em}.palette-step__token[data-astro-cid-k3viucnb]{font-size:var(--op-text-sm);color:var(--op-color-text-primary)}.palette-step__hex[data-astro-cid-k3viucnb]{font-size:var(--op-text-xs);color:var(--op-color-text-muted)}.palette-note[data-astro-cid-k3viucnb]{font-size:var(--op-text-sm);color:var(--op-color-text-secondary);line-height:1.7;margin:0 0 var(--op-space-24)}.sequential-demo[data-astro-cid-k3viucnb]{display:flex;flex-direction:column;gap:var(--op-space-20);margin:var(--op-space-20) 0 var(--op-space-24);padding:var(--op-space-20);background:var(--op-color-bg-secondary);border-radius:var(--op-radius-md);border:1px solid var(--op-color-border-default)}.seq-ramp__label[data-astro-cid-k3viucnb]{font-size:var(--op-text-sm);font-weight:600;color:var(--op-color-text-primary);margin:0 0 var(--op-space-8)}.seq-swatches[data-astro-cid-k3viucnb]{display:flex;gap:var(--op-space-4);margin-bottom:var(--op-space-8)}.seq-swatch[data-astro-cid-k3viucnb]{width:48px;height:36px;border-radius:4px;border:1px solid rgba(0,0,0,.06);display:block;flex-shrink:0}.seq-ramp__caption[data-astro-cid-k3viucnb]{font-size:var(--op-text-xs);color:var(--op-color-text-muted);margin:0}.diverging-demo[data-astro-cid-k3viucnb]{margin:var(--op-space-20) 0 var(--op-space-24);padding:var(--op-space-20);background:var(--op-color-bg-secondary);border-radius:var(--op-radius-md);border:1px solid var(--op-color-border-default)}.div-swatches[data-astro-cid-k3viucnb]{display:flex;gap:var(--op-space-4);margin-bottom:var(--op-space-12)}.div-swatch[data-astro-cid-k3viucnb]{width:64px;height:36px;border-radius:4px;border:1px solid rgba(0,0,0,.06);display:block;flex:1}.div-caption[data-astro-cid-k3viucnb]{font-size:var(--op-text-xs);color:var(--op-color-text-muted);margin:0}.related-links[data-astro-cid-k3viucnb]{display:grid;grid-template-columns:1fr 1fr;gap:var(--op-space-16);margin-top:var(--op-space-16);margin-bottom:var(--op-space-24)}.related-links--wide[data-astro-cid-k3viucnb]{grid-template-columns:repeat(3,1fr)}@media (max-width: 700px){.related-links[data-astro-cid-k3viucnb],.related-links--wide[data-astro-cid-k3viucnb]{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.related-links[data-astro-cid-k3viucnb],.related-links--wide[data-astro-cid-k3viucnb]{grid-template-columns:1fr}}.related-card[data-astro-cid-k3viucnb]{display:flex;flex-direction:column;gap:var(--op-space-8);padding:var(--op-space-20);border:1px solid var(--op-color-border-default);border-radius:var(--op-radius-md);text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s;position:relative}.related-card[data-astro-cid-k3viucnb]:hover{border-color:var(--op-color-interactive-default);box-shadow:0 2px 8px #0000000f}.related-card[data-astro-cid-k3viucnb]:focus-visible{outline:2px solid var(--op-color-interactive-focus);outline-offset:2px}.related-card__title[data-astro-cid-k3viucnb]{font-size:var(--op-text-base);font-weight:600;color:var(--op-color-text-link);display:block}.related-card__desc[data-astro-cid-k3viucnb]{font-size:var(--op-text-sm);color:var(--op-color-text-secondary);line-height:1.625;display:block}.related-card__arrow[data-astro-cid-k3viucnb]{font-size:var(--op-text-base);color:var(--op-color-text-muted);margin-top:auto;display:block}@media (max-width: 700px){.do-dont-grid[data-astro-cid-k3viucnb]{grid-template-columns:1fr}}