/* The shared clinic reader, with the complete registered hip scan canvas. */
.hip-case .knee-picture{aspect-ratio:1280/960;background:#000}
.hip-case .knee-anatomy-content{position:absolute;inset:0;width:100%;height:100%}
.hip-case .knee-anatomy-content>img{position:absolute;inset:0;width:100%;height:100%;margin:0;max-width:none}
.hip-case .knee-labels{z-index:2;transition:opacity .2s}
.hip-case .knee-labels text{font:600 34px Arial,sans-serif;fill:#fff;stroke:#13272d;stroke-width:6;paint-order:stroke;stroke-linejoin:round;text-anchor:middle}
.hip-case .knee-labels .dark-label{fill:#15282b;stroke:#fff4dd;stroke-width:4}
.hip-case .knee-picture[data-findings=true] .knee-labels{opacity:0}
.hip-case .knee-findings .finding-region{fill:rgba(255,212,89,.025);stroke:#ffda88;stroke-width:2.6;stroke-dasharray:9 7}
.hip-case .knee-findings .cyst-region{fill:rgba(255,212,89,.025);stroke:#ffda88;stroke-width:2.6}
.hip-case .knee-findings .pointer-shadow{fill:none;stroke:#10272d;stroke-width:9}
.hip-case .knee-findings .pointer{fill:none;stroke:#ffdf94;stroke-width:3.5}
.hip-case .knee-findings circle{fill:#ffdf94;stroke:#10272d;stroke-width:2}
.hip-case .knee-findings text{font-size:34px;stroke-width:7;text-anchor:middle}
.hip-case .hip-case-story{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,.85fr);gap:40px;align-items:start}
.hip-case .hip-case-story figure{margin:0;background:#000;border-radius:8px;overflow:hidden}
.hip-case .hip-case-story figure img{display:block;width:100%;height:auto;margin:0}
.hip-case .hip-case-story figcaption{padding:16px;background:var(--mist);font-size:14px;line-height:1.65;color:var(--muted)}
.hip-case .hip-case-note{padding:22px 24px;background:var(--mist);border-radius:8px;margin-top:24px}
.hip-case .hip-case-note h3{font-size:23px;margin-bottom:12px}
.hip-case .knee-zoom-body .knee-picture{width:1280px;aspect-ratio:1280/960}
.hip-case .hip-next-links{display:flex;gap:16px 28px;flex-wrap:wrap;margin-top:20px}
@media(max-width:760px){.hip-case .hip-case-story{grid-template-columns:1fr;gap:24px}.hip-case .knee-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.hip-case .knee-tab{display:block;padding:10px 7px}.hip-case .knee-tab img{width:100%;height:50px;margin-bottom:8px}.hip-case .knee-tab strong{font-size:13px}.hip-case .hip-case-note{padding:20px}.hip-case .knee-controls{gap:8px}.hip-case .knee-enlarge{padding:10px;min-height:46px}.hip-case .knee-labels text{font-size:38px}.hip-case .knee-findings text{font-size:38px}}
@media(prefers-reduced-motion:reduce){.hip-case .knee-labels{transition:none}}

/* The case history follows the patient's route through the consultation. */
.hip-story-heading{max-width:76ch;margin-bottom:40px}
.hip-case .hip-story-heading h2{max-width:26ch}
.hip-story-lead{font-size:19px;line-height:1.75;color:var(--muted,#596b70)}
.hip-story-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.85fr);gap:56px;align-items:start}
.hip-story-chapters{min-width:0}
.hip-story-chapter{display:grid;grid-template-columns:34px minmax(0,1fr);gap:16px;padding:0 0 30px;margin:0 0 30px;border-bottom:1px solid var(--line,#d7e2e5)}
.hip-story-step{font-size:12px;font-weight:600;color:var(--teal,#166c66);letter-spacing:.08em;padding-top:8px}
.hip-case .hip-story-chapter h3,.hip-case .hip-story-takeaway h3,.hip-case .hip-story-facts h3{font-size:23px;line-height:1.3;margin:0 0 16px}
.hip-case .hip-story-chapter p{font-size:17px;line-height:1.8;max-width:68ch;margin:0 0 18px}
.hip-story-image-links{display:flex;flex-wrap:wrap;gap:6px 22px}
.hip-story-image-links a,.hip-story-takeaway>a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;line-height:1.6;text-underline-offset:4px}
.hip-story-takeaway{padding:26px 30px;background:var(--mist,#edf3f5);border-radius:10px}
.hip-story-takeaway .eyebrow{margin-bottom:10px}
.hip-story-aside{position:sticky;top:155px;min-width:0;border:1px solid var(--line,#d7e2e5);border-radius:12px;overflow:hidden;background:#fff}
.hip-story-aside figure{margin:0;background:#000}
.hip-story-aside img{display:block;width:100%;height:auto;margin:0}
.hip-story-aside figcaption{font-size:13px;line-height:1.65;padding:16px 20px;background:var(--mist,#edf3f5);color:var(--muted,#596b70)}
.hip-story-facts{padding:25px}
.hip-case .hip-story-facts h3{font-size:20px}
.hip-story-facts dl{margin:0}
.hip-story-facts dl>div{padding:14px 0;border-top:1px solid var(--line,#d7e2e5)}
.hip-story-facts dl>div:last-child{padding-bottom:0}
.hip-story-facts dt{font-size:12px;font-weight:500;letter-spacing:.05em;color:var(--muted,#596b70);margin-bottom:5px}
.hip-story-facts dd{font-size:15px;line-height:1.65;margin:0}
@media(max-width:900px){.hip-story-layout{gap:30px;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr)}}
@media(max-width:760px){.hip-story-heading{margin-bottom:30px}.hip-story-lead{font-size:17px}.hip-story-layout{grid-template-columns:minmax(0,1fr);gap:28px}.hip-story-chapter{grid-template-columns:26px minmax(0,1fr);gap:10px;margin-bottom:24px;padding-bottom:24px}.hip-case .hip-story-chapter h3{font-size:22px}.hip-case .hip-story-chapter p{font-size:16px}.hip-story-aside{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hip-story-takeaway{padding:23px}.hip-story-facts{padding:20px}.hip-story-aside figure{align-self:start}}
@media(max-width:480px){.hip-story-aside{display:block}.hip-story-aside img{max-height:250px;object-fit:contain}.hip-story-chapter{grid-template-columns:minmax(0,1fr);gap:8px}.hip-story-step{padding-top:0}}