.clinical-example{margin:1.5rem 0;padding:clamp(.8rem,2vw,1.5rem);border:1px solid #97bcb7;border-radius:16px;background:#f4f9f7;color:#203b40;min-width:0}
.clinical-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap}.clinical-heading h4{font-size:1.4rem;margin:.25rem 0}.clinical-tag{font-size:.7rem;font-weight:800;letter-spacing:.06em;background:#dcebe7;padding:.5rem;border-radius:6px}
.clinical-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);gap:1.25rem;align-items:start}.clinical-grid figure{margin:0;min-width:0}.clinical-image{position:relative;background:#050909;width:100%;isolation:isolate}.clinical-image img{display:block;width:100%;height:auto;max-height:none;border-radius:0}.clinical-marks{position:absolute;inset:0}.clinical-marks[hidden]{display:none}
.clinical-mark{position:absolute;transform:translate(-50%,-50%);width:32px;height:32px;min-height:32px;padding:0;border-radius:50%;border:2px solid white;background:#153238d9;color:#fff;font-weight:800;font-size:1rem;box-shadow:0 0 0 1px #122d32;cursor:pointer;z-index:1}.clinical-mark[aria-pressed=true]{background:#ffe270;color:#122d32;border-color:#122d32;box-shadow:0 0 0 5px #ffe27088;z-index:2}.clinical-mark:hover{background:#ffd85b;color:#122d32}.clinical-example button:focus-visible,.clinical-dialog button:focus-visible{outline:3px solid #df5900;outline-offset:4px}
.clinical-signs{display:grid;gap:.5rem}.clinical-signs button{display:flex;text-align:left;align-items:center;gap:.6rem;padding:.65rem;border:1px solid #adc7c2;border-radius:8px;background:white;color:#203b40;min-height:44px;cursor:pointer;line-height:1.35}.clinical-signs b{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:#e1efeb}.clinical-signs [aria-pressed=true]{border-color:#17675a;background:#deeee8}.clinical-signs [aria-pressed=true] b{background:#ffe270}.clinical-sign-detail{margin-top:1rem;padding:1rem;border-left:4px solid #d3a423;background:#fff7dc;overflow-wrap:anywhere}.clinical-sign-detail p{margin:.5rem 0 0}.clinical-grid h5,.clinical-example-video h5{font-size:1rem;margin:0 0 .7rem}
.clinical-tools{display:flex;gap:.5rem;flex-wrap:wrap;margin:.8rem 0}.clinical-tools button,.clinical-close{padding:.6rem .8rem;min-height:44px;background:white;border:1px solid #597d77;border-radius:6px;color:#214942;cursor:pointer}.clinical-grid figcaption{font-size:.75rem;line-height:1.65;overflow-wrap:anywhere}.clinical-grid figcaption span{display:block;margin-top:.4rem}.clinical-limit{margin:1.25rem 0 .5rem;padding:1rem;background:#e4efeb;border-radius:8px}.clinical-limit p{margin:.5rem 0}.clinical-limit li{margin:.4rem 0}.clinical-example-video{margin:1.25rem 0;max-width:660px}.clinical-example-video video{width:100%;background:#000}.clinical-practice{padding:1rem;border:1px dashed #779b90;border-radius:8px}
.clinical-dialog{width:min(1050px,94vw);max-height:92vh;overflow:auto;border:0;border-radius:12px;padding:1rem;color:#203b40;background:#f4f9f7}.clinical-dialog::backdrop{background:#071d24d9}.clinical-close{position:sticky;top:0;z-index:5}.clinical-dialog .clinical-image{max-width:900px;margin:auto}.clinical-dialog .clinical-image img{object-fit:contain}
@media(max-width:760px){.clinical-grid{grid-template-columns:minmax(0,1fr)}.clinical-example{padding:.65rem}.clinical-heading h4{font-size:1.18rem}.clinical-sign-detail{padding:.75rem}.clinical-dialog{padding:.65rem}.clinical-tag{font-size:.65rem}}
@media print{.clinical-tools,.clinical-example-video video,.clinical-close{display:none}.clinical-grid{grid-template-columns:1fr 1fr}.clinical-example{break-inside:avoid}}

@media (max-width:760px){.clinical-mark{width:24px;height:24px;min-height:24px;font-size:.7rem}}