.compare-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem}
.severity-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;margin:1rem 0}
.severity-rail button{padding:.75rem .4rem;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#fff;color:var(--color-ink);font-weight:750}
.severity-rail button[aria-selected="true"]{border-color:var(--color-primary);background:var(--color-primary);color:#fff}
.severity-rail small{display:block;margin-top:.15rem;font-size:.68rem;opacity:.75}
.terminology-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;padding:1rem;border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fff}
.terminology-panel article{padding:.8rem;border-radius:var(--radius-sm);background:var(--color-surface-soft)}
.terminology-panel h3{margin:0 0 .3rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-ink-soft)}
.terminology-panel p{margin:0;line-height:1.55}
.compare-focus{display:grid;grid-template-columns:minmax(260px,1.3fr) minmax(260px,1fr);gap:1rem;margin:1rem 0;padding:1rem;border:1px solid var(--color-line);border-radius:var(--radius-lg);background:#fff}
.compare-focus__media{min-height:310px;border-radius:var(--radius-md);overflow:hidden;background:#e7ecee}
.compare-focus__media img{width:100%;height:100%;max-height:520px;object-fit:contain;background:#162328}
.compare-focus__gap{display:grid;min-height:310px;place-items:center;padding:2rem;text-align:center;color:var(--color-ink-soft)}
.compare-grid{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:.7rem;overflow-x:auto;padding-bottom:.7rem}
.compare-card{min-width:190px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fff;overflow:hidden}
.compare-card.is-current{outline:3px solid var(--color-primary-soft);border-color:var(--color-primary)}
.compare-card button{width:100%;padding:0;border:0;background:transparent;text-align:left;color:inherit}
.compare-card__image{display:grid;height:140px;place-items:center;background:#e7ecee;overflow:hidden}
.compare-card__image img{width:100%;height:100%;object-fit:cover}
.compare-card__context{display:grid;height:140px;place-items:center;background:var(--color-primary-soft);color:var(--color-primary-dark);font-size:1.1rem;font-weight:850;letter-spacing:.04em}
.compare-card__context[data-context="background"]{background:#f4ead8;color:#755a2e}
.compare-card__context[data-context="lesion"]{background:#f5e2dd;color:#7a3f35}
.compare-context-focus{display:grid;min-height:260px;place-content:center;padding:2rem;border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-primary-dark);text-align:center}
.compare-context-focus[data-context="background"]{background:#f4ead8;color:#755a2e}
.compare-context-focus[data-context="lesion"]{background:#f5e2dd;color:#7a3f35}
.compare-context-focus strong{font-size:clamp(1.5rem,4vw,2.6rem)}
.compare-card__body{padding:.75rem}
.compare-card__body h3{margin:0 0 .4rem;font-size:1rem}
.compare-card__body p{margin:.3rem 0;font-size:.86rem;line-height:1.55}
@media(max-width:960px){.compare-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.compare-picker,.compare-focus{grid-template-columns:1fr}.severity-rail{display:flex;overflow-x:auto}.severity-rail button{min-width:120px}.terminology-panel{grid-template-columns:1fr 1fr}.compare-focus__media,.compare-focus__gap{min-height:220px}}
@media(max-width:480px){.terminology-panel{grid-template-columns:1fr}}