/* Official Clarity II diagrams, scoped to this device page. */
.clarity-page .clarity-examination-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.clarity-page .clarity-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.clarity-page .clarity-feature-card{padding:0;overflow:hidden;min-width:0;border-radius:26px;background:#fff}
.clarity-page .clarity-feature-media{margin:0;padding:24px;display:grid;place-items:center;min-height:260px;background:#fff;border-bottom:1px solid var(--line)}
.clarity-page .clarity-feature-media img{display:block;width:100%;height:auto;max-height:280px;object-fit:contain}
.clarity-page .clarity-feature-copy{padding:28px 30px 32px}
.clarity-page .clarity-feature-copy h3{margin:20px 0 10px;font-size:25px}
.clarity-page .clarity-feature-copy p{margin:0}
.clarity-page .clarity-cartridge-card{grid-column:1/-1}
.clarity-page .clarity-cartridge-media{min-height:0;padding:30px}
.clarity-page .clarity-cartridge-media img{width:100%;max-width:970px;max-height:none}
.clarity-page .clarity-source-note{font-size:12px;color:var(--muted)}
.clarity-page .clarity-source-note a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.clarity-page .clarity-feature-grid{grid-template-columns:1fr;gap:22px}.clarity-page .clarity-cartridge-card{grid-column:auto}.clarity-page .clarity-feature-media{min-height:0;padding:18px}.clarity-page .clarity-feature-copy{padding:24px}.clarity-page .clarity-feature-card{border-radius:22px}}