/* Contrast Checker — sample text block painted live by JS (colour values only). */
#output-sample { padding: 1.25rem 1.4rem; display: flex; flex-direction: column; gap: 0.75rem; min-height: 180px; }
.cc-sample-large { margin: 0; font-size: 24px; font-weight: 400; line-height: 1.3; }
.cc-sample-normal { margin: 0; font-size: 16px; line-height: 1.5; }
.cc-sample-ui { display: inline-flex; align-items: center; align-self: flex-start; padding: 0.4rem 0.9rem; border: 2px solid currentColor; border-radius: var(--radius-pill); font-size: 14px; font-weight: 600; }
#output-fix { flex-direction: row; align-items: center; flex-wrap: wrap; gap: 0.6rem; }
#output-fix[hidden] { display: none; }
.cc-fix-chip { width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--border); }