/* Loaded only on the six use-case surfaces, never the diagnosis page. */
.usecase-v3{padding:1.5rem 0;border-top:1px solid #dce6e3;background:#f6f9f8;scroll-margin-top:6rem}
.usecase-v3 h2{font-size:clamp(1.25rem,3vw,1.65rem);margin:0 0 .5rem}
.usecase-v3 p{max-width:72ch;line-height:1.8;overflow-wrap:anywhere}
.usecase-v3__count,.usecase-v3__brand{font-weight:700;color:#315c51}
.usecase-v3__note,.usecase-v3__sku{font-size:.875rem;color:#445b54}
.usecase-v3__entry,.usecase-v3__detail{display:inline-flex;align-items:center;min-height:48px;padding:.6rem 1rem;border:1px solid #315c51;border-radius:6px;color:#17473b;background:#fff;font-weight:700;text-decoration:underline;overflow-wrap:anywhere}
.usecase-v3__comparison summary{cursor:pointer;min-height:48px;padding:.8rem 1rem;border:1px solid #315c51;border-radius:6px;font-weight:700;line-height:1.6}
.usecase-v3 :is(a,summary):focus-visible{outline:3px solid #936000;outline-offset:4px}
.usecase-v3__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}
.usecase-v3__card{min-width:0;background:#fff;border:1px solid #dce6e3;border-radius:8px;padding:1rem}
.usecase-v3__card h3{font-size:1.05rem;line-height:1.6;overflow-wrap:anywhere}
.usecase-v3__card dl{margin:1rem 0}.usecase-v3__card dl>div{padding:.65rem 0;border-top:1px solid #e3e9e6}
.usecase-v3__card dt{font-weight:700;font-size:.9rem}.usecase-v3__card dd{margin:.25rem 0 0;overflow-wrap:anywhere;line-height:1.6}
.usecase-v3__card small{display:block;margin-top:.3rem;font-size:.75rem;color:#52665f}
.usecase-v3__unknown{display:inline-block;border:1px solid #8b9b95;border-radius:4px;padding:0 .4rem}
@media(max-width:900px){.usecase-v3__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.usecase-v3__grid{grid-template-columns:minmax(0,1fr)}.usecase-v3__entry,.usecase-v3__detail{width:100%;justify-content:center}.usecase-v3{padding:1.2rem 0}}