.tool-hero[data-astro-cid-udaicyhb]{padding-top:3rem;padding-bottom:2rem}.tool-hero__inner[data-astro-cid-udaicyhb]{max-width:62rem}.tool-hero__inner[data-astro-cid-udaicyhb] .eyebrow[data-astro-cid-udaicyhb] a[data-astro-cid-udaicyhb]{color:var(--color-accent-500);text-decoration:none}.tool-hero__inner[data-astro-cid-udaicyhb] .eyebrow[data-astro-cid-udaicyhb] a[data-astro-cid-udaicyhb]:hover{text-decoration:underline}.tool-hero__lede[data-astro-cid-udaicyhb]{font-family:var(--font-serif);font-size:clamp(1.125rem,1.2vw + .75rem,1.3125rem);line-height:1.55;color:var(--color-ink-700);margin-top:1.25rem;max-width:56ch}.checker-layout[data-astro-cid-udaicyhb]{display:flex;flex-direction:column;gap:2rem;max-width:52rem}.inputs-row[data-astro-cid-udaicyhb]{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}.color-input-group[data-astro-cid-udaicyhb]{flex:1;min-width:10rem}.color-input-label[data-astro-cid-udaicyhb]{display:block;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--color-ink-500);margin-bottom:.5rem}.color-input-row[data-astro-cid-udaicyhb]{display:flex;align-items:center;gap:.5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);padding:.375rem .625rem}.color-swatch-input[data-astro-cid-udaicyhb]{width:2rem;height:2rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0;cursor:pointer;background:none;flex-shrink:0}.color-swatch-input[data-astro-cid-udaicyhb]::-webkit-color-swatch-wrapper{padding:0}.color-swatch-input[data-astro-cid-udaicyhb]::-webkit-color-swatch{border:none;border-radius:2px}.hex-input[data-astro-cid-udaicyhb]{flex:1;font-family:var(--font-mono);font-size:1rem;font-weight:500;color:var(--color-ink-900);border:none;background:none;outline:none;width:100%}.swap-btn[data-astro-cid-udaicyhb]{align-self:flex-end;padding:.625rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-ink-500);cursor:pointer;transition:color .15s,border-color .15s;flex-shrink:0;margin-bottom:0;height:2.875rem;display:flex;align-items:center}.swap-btn[data-astro-cid-udaicyhb]:hover{color:var(--color-ink-900);border-color:var(--color-ink-900)}.preview-block[data-astro-cid-udaicyhb]{border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.08);overflow:hidden;transition:background-color .15s,color .15s}.preview-inner[data-astro-cid-udaicyhb]{padding:1.75rem 2rem}.preview-label[data-astro-cid-udaicyhb]{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.09em;opacity:.55;margin:0 0 .375rem;font-family:var(--font-sans)}.preview-normal[data-astro-cid-udaicyhb]{font-family:var(--font-sans);font-size:1rem;line-height:1.6;margin:0}.preview-large[data-astro-cid-udaicyhb]{font-family:var(--font-serif);font-size:1.5rem;font-weight:500;line-height:1.3;margin:0}.preview-btn[data-astro-cid-udaicyhb]{margin-top:.25rem;padding:.5rem 1.25rem;border:2px solid currentColor;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.9375rem;font-weight:600;cursor:default;transition:background-color .15s,color .15s,border-color .15s}.results-grid[data-astro-cid-udaicyhb]{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.ratio-display[data-astro-cid-udaicyhb]{display:flex;flex-direction:column;align-items:center;min-width:9rem;padding:1.25rem 1.5rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md)}.ratio-number[data-astro-cid-udaicyhb]{font-family:var(--font-serif);font-size:2.5rem;font-weight:500;color:var(--color-ink-900);line-height:1}.ratio-label[data-astro-cid-udaicyhb]{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-400);margin-top:.375rem}.grades-grid[data-astro-cid-udaicyhb]{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;min-width:18rem}.grade-cell[data-astro-cid-udaicyhb]{display:flex;flex-direction:column;gap:.25rem;padding:.875rem 1rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md)}.grade-badge[data-astro-cid-udaicyhb]{font-size:.9375rem;font-weight:700;font-family:var(--font-sans);padding:.1875rem .5rem;border-radius:3px;align-self:flex-start;background:var(--color-paper-200);color:var(--color-ink-500)}.grade-badge[data-astro-cid-udaicyhb][data-pass=true]{background:#d1fae5;color:#065f46}.grade-badge[data-astro-cid-udaicyhb][data-pass=false]{background:#fee2e2;color:#991b1b}.grade-name[data-astro-cid-udaicyhb]{font-size:.875rem;font-weight:600;color:var(--color-ink-900);margin-top:.25rem}.grade-req[data-astro-cid-udaicyhb]{font-size:.75rem;color:var(--color-ink-400);font-family:var(--font-mono)}.suggestions-block[data-astro-cid-udaicyhb]{padding-top:1rem;border-top:1px solid var(--color-border)}.suggestions-row[data-astro-cid-udaicyhb]{display:flex;gap:.625rem;flex-wrap:wrap;margin-top:.75rem}.suggestion-pill[data-astro-cid-udaicyhb]{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:100px;font-size:.8125rem;font-weight:500;color:var(--color-ink-700);cursor:pointer;transition:border-color .15s,color .15s}.suggestion-pill[data-astro-cid-udaicyhb]:hover{border-color:var(--color-ink-900);color:var(--color-ink-900)}.pill-swatch[data-astro-cid-udaicyhb]{width:.875rem;height:.875rem;border-radius:50%;border:1px solid rgba(0,0,0,.1);display:inline-block;flex-shrink:0}.explainer[data-astro-cid-udaicyhb]{border-top:1px solid var(--color-border);padding-top:3rem;padding-bottom:4rem}.explainer-inner[data-astro-cid-udaicyhb]{max-width:52rem}.explainer-title[data-astro-cid-udaicyhb]{font-family:var(--font-serif);font-size:clamp(1.5rem,2vw + .75rem,2rem);font-weight:500;margin-bottom:1.5rem}.explainer-body[data-astro-cid-udaicyhb]{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}@media(max-width:640px){.explainer-body[data-astro-cid-udaicyhb]{grid-template-columns:1fr}}.explainer-col[data-astro-cid-udaicyhb] h3[data-astro-cid-udaicyhb]{font-family:var(--font-sans);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-ink-500);margin-bottom:.75rem}.explainer-col[data-astro-cid-udaicyhb] p[data-astro-cid-udaicyhb]{font-family:var(--font-serif);font-size:1rem;line-height:1.7;color:var(--color-ink-700);margin-bottom:.75rem}.explainer-col[data-astro-cid-udaicyhb] p[data-astro-cid-udaicyhb] strong[data-astro-cid-udaicyhb]{font-weight:600;color:var(--color-ink-900)}