.cp-section[data-astro-cid-sp2gryyr]{margin:0 0 var(--space-8);padding:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius)}.cp-h2[data-astro-cid-sp2gryyr]{font-size:var(--text-lg);margin:0 0 var(--space-3);line-height:1.2}.cp-label[data-astro-cid-sp2gryyr]{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-fg);margin:0 0 var(--space-1)}.cp-help[data-astro-cid-sp2gryyr]{margin:var(--space-1) 0 0;color:var(--color-fg-muted);font-size:var(--text-sm)}.cp-help[data-astro-cid-sp2gryyr] code[data-astro-cid-sp2gryyr],.cp-footnote[data-astro-cid-sp2gryyr] code[data-astro-cid-sp2gryyr]{font-family:var(--font-mono);font-size:.85em;background:var(--color-code-bg);padding:0 .2em;border-radius:.25em}.cp-error[data-astro-cid-sp2gryyr]{margin:var(--space-1) 0 0;color:var(--color-danger);font-size:var(--text-sm)}.cp-main-row[data-astro-cid-sp2gryyr]{display:grid;grid-template-columns:1fr;gap:var(--space-4);align-items:start}@media(min-width:560px){.cp-main-row[data-astro-cid-sp2gryyr]{grid-template-columns:auto 1fr}}.cp-swatch-wrap[data-astro-cid-sp2gryyr]{position:relative;display:block;width:6.5rem;height:6.5rem;border-radius:var(--radius);overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer}.cp-swatch-wrap-sm[data-astro-cid-sp2gryyr]{width:3.5rem;height:3.5rem}.cp-swatch[data-astro-cid-sp2gryyr]{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:pointer}.cp-swatch-fallback[data-astro-cid-sp2gryyr]{position:absolute;inset:0;background:#1f5fbf;pointer-events:none}.cp-text[data-astro-cid-sp2gryyr]{width:100%;font-family:var(--font-mono)}.cp-text-wrap[data-astro-cid-sp2gryyr]{min-width:0}.cp-text[data-astro-cid-sp2gryyr]:focus-visible,.cp-swatch[data-astro-cid-sp2gryyr]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.cp-readouts[data-astro-cid-sp2gryyr]{display:grid;grid-template-columns:1fr;gap:var(--space-2);margin-top:var(--space-4)}@media(min-width:560px){.cp-readouts[data-astro-cid-sp2gryyr]{grid-template-columns:repeat(3,1fr)}}.cp-readout[data-astro-cid-sp2gryyr]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg)}.cp-readout-label[data-astro-cid-sp2gryyr]{font-size:var(--text-sm);font-weight:700;color:var(--color-fg-muted);letter-spacing:.04em;min-width:2.25rem}.cp-readout-value[data-astro-cid-sp2gryyr]{flex:1;font-family:var(--font-mono);font-size:var(--text-sm);min-width:0;overflow-wrap:anywhere}.cp-copy-mini[data-astro-cid-sp2gryyr]{padding:var(--space-1) var(--space-2);font-size:var(--text-sm);background:transparent;color:var(--color-fg);border:1px solid var(--color-border)}.cp-copy-mini[data-astro-cid-sp2gryyr]:hover{background:var(--color-bg-elevated)}.cp-copy-mini[data-astro-cid-sp2gryyr]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.cp-ramp-help[data-astro-cid-sp2gryyr]{margin:0 0 var(--space-3)}.cp-ramp[data-astro-cid-sp2gryyr]{display:grid;grid-template-columns:repeat(9,1fr);gap:var(--space-1)}.cp-ramp-swatch[data-astro-cid-sp2gryyr]{position:relative;aspect-ratio:1 / 1.4;min-height:3.25rem;border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;padding:0;background-clip:padding-box;transition:transform 80ms linear,border-color 80ms linear}.cp-ramp-swatch[data-astro-cid-sp2gryyr]:hover{transform:translateY(-1px)}.cp-ramp-swatch[data-astro-cid-sp2gryyr]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.cp-ramp-swatch[data-astro-cid-sp2gryyr][data-base=true]{border-color:var(--color-accent);border-width:2px}.cp-ramp-swatch-label[data-astro-cid-sp2gryyr]{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:.65rem;font-family:var(--font-mono);padding:1px 0;color:#fff;background:#00000059}.cp-contrast-grid[data-astro-cid-sp2gryyr]{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:720px){.cp-contrast-grid[data-astro-cid-sp2gryyr]{grid-template-columns:1fr 1fr}}.cp-cfg-row[data-astro-cid-sp2gryyr]{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);align-items:center;margin-bottom:var(--space-1)}.cp-cfg-text[data-astro-cid-sp2gryyr]{min-width:0}.cp-cfg-actions[data-astro-cid-sp2gryyr]{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.cp-action[data-astro-cid-sp2gryyr]{background:transparent;color:var(--color-fg);border:1px solid var(--color-border);padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.cp-action[data-astro-cid-sp2gryyr]:hover{background:var(--color-bg)}.cp-action[data-astro-cid-sp2gryyr]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.cp-contrast-readout[data-astro-cid-sp2gryyr]{display:flex;flex-direction:column;gap:var(--space-3)}.cp-ratio[data-astro-cid-sp2gryyr]{display:flex;align-items:baseline;gap:var(--space-1);padding:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius)}.cp-ratio-value[data-astro-cid-sp2gryyr]{font-size:var(--text-2xl);font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.cp-ratio-suffix[data-astro-cid-sp2gryyr]{color:var(--color-fg-muted);font-size:var(--text-lg)}.cp-checks[data-astro-cid-sp2gryyr]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin:0}.cp-check[data-astro-cid-sp2gryyr]{margin:0}.cp-check[data-astro-cid-sp2gryyr] dt[data-astro-cid-sp2gryyr]{font-size:var(--text-sm);color:var(--color-fg-muted);font-weight:600}.cp-check[data-astro-cid-sp2gryyr] dd[data-astro-cid-sp2gryyr]{margin:0;display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.cp-check-note[data-astro-cid-sp2gryyr]{font-size:var(--text-sm);color:var(--color-fg-muted)}.cp-badge[data-astro-cid-sp2gryyr]{display:inline-block;font-size:var(--text-sm);font-weight:700;padding:.05em .5em;border-radius:.25em;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-fg-muted);min-width:3.5em;text-align:center}.cp-badge[data-astro-cid-sp2gryyr][data-state=pass]{color:#fff;background:#1b7f3a;border-color:#1b7f3a}.cp-badge[data-astro-cid-sp2gryyr][data-state=fail]{color:#fff;background:var(--color-danger);border-color:var(--color-danger)}@media(prefers-color-scheme:dark){.cp-badge[data-astro-cid-sp2gryyr][data-state=pass]{background:#2ea84a;border-color:#2ea84a}}.cp-sample[data-astro-cid-sp2gryyr]{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4)}.cp-sample-large[data-astro-cid-sp2gryyr]{margin:0 0 var(--space-2);font-size:1.5rem;font-weight:600;line-height:1.2}.cp-sample-body[data-astro-cid-sp2gryyr]{margin:0;font-size:1rem;line-height:1.55}.cp-copy-section[data-astro-cid-sp2gryyr]{padding:var(--space-3) var(--space-4)}.cp-copy-row[data-astro-cid-sp2gryyr]{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.cp-copy-primary[data-astro-cid-sp2gryyr]{display:inline-flex;align-items:center;gap:var(--space-2)}.cp-icon[data-astro-cid-sp2gryyr]{flex-shrink:0}.cp-copy-status[data-astro-cid-sp2gryyr]{font-size:var(--text-sm);color:var(--color-fg-muted);min-height:1.2em}.cp-footnote[data-astro-cid-sp2gryyr]{margin-top:var(--space-6);color:var(--color-fg-muted);font-size:var(--text-sm);max-width:42rem}.cp-sr-only[data-astro-cid-sp2gryyr]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}