.dYJqJa_container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.dYJqJa_header{text-align:center;margin-bottom:3rem}.dYJqJa_header h1{color:#1a1a1a;margin-bottom:1rem;font-size:2.5rem}.dYJqJa_header p{color:#666;max-width:600px;margin:0 auto;font-size:1.1rem}.dYJqJa_controls{background:#f5f5f5;border-radius:8px;margin:2rem 0;padding:1.5rem}.dYJqJa_filterGroup{border:none;margin:0;padding:0}.dYJqJa_filterGroup legend{color:#333;margin-bottom:1rem;font-weight:600;display:block}.dYJqJa_filterGroup label{cursor:pointer;align-items:center;margin-bottom:.5rem;margin-right:2rem;font-size:1rem;display:inline-flex}.dYJqJa_filterGroup input[type=radio]{cursor:pointer;accent-color:#06c;margin-right:.5rem}.dYJqJa_grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-top:2rem;display:grid}.dYJqJa_colourCard{border:1px solid #ddd;border-radius:8px;transition:box-shadow .3s;overflow:hidden;box-shadow:0 2px 8px #0000001a}.dYJqJa_colourCard:hover{box-shadow:0 4px 12px #00000026}.dYJqJa_preview{height:200px;overflow:hidden}.dYJqJa_colourSwatch{border:1px solid #ddd;width:100%;height:100%}.dYJqJa_content{padding:1.5rem}.dYJqJa_content h2{color:#1a1a1a;margin-bottom:.5rem;font-size:1.5rem}.dYJqJa_hexCode{color:#666;margin-bottom:1rem;font-family:Monaco,Courier New,monospace;font-size:.9rem}.dYJqJa_compliance{border-bottom:1px solid #eee;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.dYJqJa_compliance p{margin:0;font-size:.9rem;font-weight:500}.dYJqJa_compliant{color:#22c55e;font-weight:600}.dYJqJa_notCompliant{color:#ef4444;font-weight:600}.dYJqJa_contrastRatios{margin-bottom:1rem}.dYJqJa_contrastRatios h3,.dYJqJa_usage h3,.dYJqJa_notes h3{text-transform:uppercase;letter-spacing:.5px;color:#666;margin-bottom:.5rem;font-size:.9rem;font-weight:600}.dYJqJa_contrastRatios ul{margin:0;padding:0;list-style:none}.dYJqJa_contrastRatios li{color:#555;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.85rem;display:flex}.dYJqJa_contrastRatios span:first-child{font-weight:500}.dYJqJa_ratio{color:#06c;font-family:Monaco,Courier New,monospace;font-size:.8rem;font-weight:600}.dYJqJa_usage,.dYJqJa_notes{margin-bottom:1rem}.dYJqJa_usage p,.dYJqJa_notes p{color:#555;margin:0;font-size:.9rem;line-height:1.6}.dYJqJa_usage{border-bottom:1px solid #eee;padding-bottom:1rem}.dYJqJa_loading,.dYJqJa_error{text-align:center;padding:2rem;font-size:1.1rem}.dYJqJa_error{color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:2rem}@media (max-width:768px){.dYJqJa_container{padding:1rem}.dYJqJa_header h1{font-size:2rem}.dYJqJa_grid{grid-template-columns:1fr}.dYJqJa_filterGroup label{margin-right:1rem;display:flex}}