/* Full, unchanged component frames, arranged from ion generation to detection. */
.component-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.25rem}.component-heading h2{font-size:clamp(1.7rem,3vw,2.25rem);max-width:24ch}.component-heading>p{max-width:32ch;color:var(--muted);margin:0 0 .75rem}
.home-component-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.home-component{min-width:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.home-component-image{display:flex;align-items:center;justify-content:center;aspect-ratio:1536/816;background:white;padding:.35rem;border-bottom:1px solid var(--line)}.home-component-image img{display:block;width:100%;height:100%;object-fit:contain}.home-component-copy{padding:1.1rem 1.15rem 1.25rem}.home-component-copy .eyebrow{margin:0 0 .6rem;color:#007764}.home-component-copy h3{font-size:1.1rem;line-height:1.3}.home-component-copy h3 a{text-decoration:none;text-underline-offset:.2em}.home-component-copy h3 a:hover{text-decoration:underline}.home-component-copy p:last-child{color:var(--muted);margin:0;font-size:.95rem;line-height:1.5}.home-component a:focus-visible{outline:3px solid var(--accent2);outline-offset:3px}.home-component-control{display:grid;grid-template-columns:1.35fr 1fr;margin-top:1rem;align-items:center}.home-component-control .home-component-image{aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--line);padding:1.5rem;height:100%;min-height:180px}.home-component-control img{height:auto;object-fit:contain}.home-component-control h3{font-size:1.35rem}.component-reference-note{color:var(--muted);font-size:.85rem;margin:.85rem 0 0}
@media(max-width:900px){.home-component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.component-heading{align-items:start;gap:1rem}.home-component-control{grid-template-columns:1.1fr 1fr}}
@media(max-width:580px){.component-heading{display:block}.component-heading>p{max-width:none}.home-component-grid{grid-template-columns:1fr}.home-component-copy{padding:1rem 1.15rem 1.2rem}.home-component-copy h3{font-size:1.25rem}.home-component-control{grid-template-columns:1fr}.home-component-control .home-component-image{padding:1rem;min-height:120px;border-right:0;border-bottom:1px solid var(--line)}.home-component-control h3{font-size:1.25rem}}