.chemical-chart{padding:1.5rem;border:1px solid #dce2ec;border-radius:14px;background:#f8faff}
.chemical-filter{margin:1.5rem 0}.chemical-filter label{display:block;font-weight:700;margin-bottom:.5rem}
.chemical-filter input{width:min(100%,32rem);padding:.8rem 1rem;border:1px solid #a8b4c8;border-radius:6px;background:#fff;color:#16243a;font:inherit}
.chemical-filter input:focus-visible,.chemical-scroll:focus-visible{outline:3px solid #4263b5;outline-offset:3px}
.chemical-count,.chemical-legend{font-size:.9rem}.chemical-scroll{max-height:34rem;overflow:auto;background:#fff}
.chemical-chart table{min-width:620px;width:100%;border-collapse:collapse;font-size:.9rem}
.chemical-chart caption{text-align:start;padding:.8rem;color:#46546a}.chemical-chart th,.chemical-chart td{padding:.75rem;text-align:start;border-bottom:1px solid #e0e5ed}
.chemical-chart thead th{position:sticky;top:0;z-index:1;background:#2b348b;color:#fff}
.chemical-chart tbody th{font-weight:600}.chemical-chart tbody tr:nth-child(even){background:#f3f6fb}
.chemical-chart [hidden]{display:none!important}.chemical-legend{padding:1rem;border-inline-start:3px solid #2b348b;background:#eef2fa}
@media(max-width:600px){.chemical-chart{padding:1rem}.chemical-scroll{max-height:30rem}}
