/* Existing technical product system; source-led feature sections; locked navy/white/grey/gold palette; contrast inherited from style lock. */
.hm200-detail{scroll-margin-top:110px}
.hm200-detail h2{max-width:900px;margin-bottom:32px;text-wrap:balance}
.hm200-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.hm200-detail p:not(.eyebrow),.hm200-detail .checklist li{font-size:16px;line-height:1.75;color:var(--muted)}
.hm200-detail figure{min-width:0;margin:0}
.hm200-detail figure a{display:block;background:#fff;border:1px solid var(--border);border-radius:6px;padding:24px}
.hm200-detail figure a:focus-visible{outline:3px solid var(--navy);outline-offset:5px}
.hm200-detail figure img{display:block;width:100%;height:auto;object-fit:contain}
.hm200-detail figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px}
.hm200-detail figcaption span{display:block}
.hm200-detail h3{font-size:21px;margin:28px 0 16px}
.hm200-apertures{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none;margin:0}
.hm200-apertures li{border:1px solid var(--border);border-radius:4px;background:#fff;padding:9px 12px;font-weight:600;color:var(--navy)}
.hm200-apertures span{font-size:12px;font-weight:400}
#sieve-selection figure img{max-height:360px}
.hm200-cyclone{background:var(--navy);color:white}
.hm200-cyclone .eyebrow{color:var(--gold)}
.hm200-cyclone p:not(.eyebrow),.hm200-cyclone figcaption,.hm200-cyclone-benefits dd{color:#c2cfdd}
.hm200-cyclone figure img{height:540px}
.hm200-cyclone figure a:focus-visible{outline-color:#bed0e8}
.hm200-cyclone-benefits{margin:24px 0 0}
.hm200-cyclone-benefits>div{padding:18px 0;border-top:1px solid #536477}
.hm200-cyclone-benefits dt{font-size:18px;font-weight:600;margin-bottom:6px}
.hm200-cyclone-benefits dd{font-size:16px;line-height:1.7;margin:0}
.hm200-material-intro{max-width:940px;margin-bottom:32px}
.hm200-samples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:32px}
.hm200-samples figure a{padding:0;overflow:hidden}
.hm200-samples figure img{aspect-ratio:4/3;object-fit:cover}
.hm200-samples figcaption{font:500 22px/1.4 var(--heading);color:var(--navy)}
@media(max-width:1000px){.hm200-detail-grid{gap:32px}.hm200-samples{gap:16px}}
@media(max-width:700px){.hm200-detail-grid{grid-template-columns:1fr;gap:28px}.hm200-detail h2{font-size:32px;margin-bottom:24px}.hm200-detail figure a{padding:16px}.hm200-cyclone figure img{height:390px}.hm200-samples{grid-template-columns:1fr 1fr;gap:24px 16px}.hm200-samples figure a{padding:0}.hm200-samples figcaption{font-size:20px}}