.chemical-finder{margin:1.4rem 0 2rem;border:1px solid #cadcea;border-radius:1.2rem;overflow:hidden;background:#f3f8fc;scroll-margin-top:7rem}
.chemical-finder>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.4rem 1.6rem;background:#023269;color:white}
.chemical-finder>summary::-webkit-details-marker{display:none}.chemical-finder>summary:after{content:'+';font-size:1.9rem;line-height:1}.chemical-finder[open]>summary:after{content:'−'}
.cf-summary-title{display:block;font-size:1.5rem;font-weight:850;line-height:1.2}.cf-summary-subtitle{display:block;font-size:.96rem;color:#d3eafb;margin-top:.4rem}.cf-summary-link{color:#023269;font-weight:750}
.cf-content{padding:1.5rem}.cf-heading{margin:0 0 1.25rem}.cf-heading p{max-width:760px;margin:.4rem 0;color:#405e77}.cf-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:1.5rem;align-items:start}
.cf-form,.cf-results{min-width:0}.cf-form fieldset{border:0;border-bottom:1px solid #d0e0ec;padding:0 0 1.2rem;margin:0 0 1.2rem}.cf-form legend{display:block;padding:0;margin:0 0 .7rem;font-size:1.06rem;color:#023269;font-weight:800}.cf-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem 1rem}.cf-full{grid-column:1/-1}
.cf-field{display:block;font-size:.9rem;font-weight:750;color:#163b5c}.cf-field select,.cf-field input[type=number]{display:block;width:100%;border:1px solid #adc6d9;border-radius:.5rem;background:white;color:#09223b;padding:.66rem .55rem;font:inherit;font-size:16px;margin-top:.3rem;min-height:44px}.cf-field small,.cf-help{display:block;font-size:.83rem;font-weight:450;line-height:1.45;color:#4b667e;margin:.4rem 0 0}
.cf-volume{display:grid;grid-template-columns:minmax(0,1fr) 90px;align-items:center;gap:1rem}.cf-volume input[type=range]{width:100%;accent-color:#023269;min-height:44px}.cf-volume input[type=number]{margin:0}.cf-volume-label{display:flex;justify-content:space-between;gap:1rem}.cf-volume-label output{font-weight:850;color:#023269}.cf-checkboxes{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.cf-check{display:flex;align-items:center;gap:.4rem;background:white;border:1px solid #c1d5e4;border-radius:.5rem;padding:.45rem .65rem;font-size:.88rem;min-height:44px}.cf-check:has(input:checked){border-color:#023269;background:#e0f0fa}.cf-check input{width:17px;height:17px;accent-color:#023269}
.cf-actions{display:flex;gap:.6rem;flex-wrap:wrap}.cf-actions .button{font-size:.92rem;min-height:46px}.cf-reset{font:inherit;border:1px solid #b8cfdf;border-radius:.5rem;background:white;color:#023269;padding:.65rem 1rem;cursor:pointer}.cf-results{padding:1.2rem;background:white;border:1px solid #d0e0ec;border-radius:.85rem}.cf-results:focus{outline:3px solid #429ed6;outline-offset:3px}.cf-results h3{font-size:1.5rem;line-height:1.2;color:#023269;margin:.4rem 0 .75rem}.cf-empty{padding:1.5rem .5rem}.cf-empty p{color:#4b667e}.cf-empty ul{padding-left:1.25rem;color:#163b5c}.cf-kicker{color:#296289;font-size:.75rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;margin:0}.cf-match-context{font-size:.9rem;color:#4b667e;margin-bottom:1rem}
.cf-alert{background:#fff5e5;border-left:4px solid #b36b00;border-radius:.3rem;padding:.8rem;font-size:.92rem;line-height:1.5;margin:1rem 0}.cf-dirty{background:#eef7fc;border:1px solid #adc6d9;padding:.6rem .8rem;border-radius:.5rem;font-weight:650;font-size:.9rem}.cf-note{padding-left:1.2rem;font-size:.86rem;color:#405e77}.cf-note li{margin:.45rem 0}
.cf-card{display:grid;grid-template-columns:85px minmax(0,1fr);gap:.85rem;padding:1rem 0;border-top:1px solid #d6e4ee}.cf-card img{width:85px;height:105px;object-fit:contain;align-self:start}.cf-card h4{font-size:1.18rem;line-height:1.25;margin:.25rem 0;color:#023269}.cf-card p{font-size:.87rem;line-height:1.5;margin:.4rem 0}.cf-card .cf-role{font-size:.74rem;font-weight:850;color:#285e87}.cf-card .cf-sku{font-size:.76rem;color:#557086}.cf-card .cf-caution{font-size:.82rem;color:#734300;background:#fff7e9;padding:.5rem;border-radius:.3rem}.cf-card .cf-price{font-size:.95rem;font-weight:800;color:#09223b}.cf-card .cf-product-link{display:inline-block;padding:.55rem .8rem;border-radius:.45rem;background:#023269;color:white;text-decoration:none;font-size:.82rem;font-weight:750;min-height:40px}.cf-card.cf-alternative{background:#f6f9fc;padding:1rem .5rem;border-radius:.5rem}.cf-technical{display:flex;flex-wrap:wrap;gap:.6rem;font-size:.8rem;margin-top:.5rem}.cf-technical a{color:#235b83}
.cf-plan{border-top:1px solid #d6e4ee;padding-top:1rem;margin-top:.8rem}.cf-plan h4{font-size:1rem;color:#023269;margin:.1rem 0 .4rem}.cf-plan p,.cf-plan li{font-size:.86rem;line-height:1.5}.cf-plan ol{padding-left:1.3rem}.cf-plan li{margin:.5rem 0}.cf-volume-count{font-weight:800;color:#023269}.cf-plan .cf-contact{display:inline-block;padding:.65rem .8rem;border:1px solid #023269;border-radius:.45rem;color:#023269;text-decoration:none;font-weight:750;font-size:.87rem}.cf-sources{border-top:1px solid #d0e0ec;margin-top:1.25rem;padding-top:.85rem;font-size:.8rem;color:#4b667e;line-height:1.5}.cf-sources a{font-weight:650}.cf-sources p{margin:.5rem 0}.cf-jump{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#eaf5fc;border:1px solid #c2d9ea;border-radius:.8rem;padding:1rem 1.2rem;margin:1rem 0}.cf-jump strong{color:#023269}.cf-jump p{margin:.25rem 0;font-size:.9rem}.cf-jump a{font-weight:800;color:#023269;white-space:nowrap}
.cf-form :focus-visible,.chemical-finder>summary:focus-visible,.cf-card a:focus-visible,.cf-contact:focus-visible{outline:3px solid #429ed6;outline-offset:3px}
@media(max-width:950px){.cf-workspace{grid-template-columns:1fr}.cf-results{margin-top:.2rem}}@media(max-width:560px){.cf-content{padding:1rem}.chemical-finder>summary{padding:1.1rem}.cf-grid{grid-template-columns:1fr}.cf-summary-title{font-size:1.25rem}.cf-card{grid-template-columns:65px minmax(0,1fr);gap:.6rem}.cf-card img{width:65px;height:85px}.cf-results{padding:1rem}.cf-jump{display:block}.cf-jump a{display:inline-block;margin-top:.5rem}.cf-actions{flex-direction:column}.cf-actions .button,.cf-reset{width:100%}}
@media(prefers-reduced-motion:reduce){.chemical-finder{scroll-behavior:auto}}

.cf-jump a.button{color:white;white-space:normal;text-align:center;flex-shrink:0}