:root{font:17px/1.55 Arial,sans-serif;color:#e9f1ec;background:#080e0c;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:1480px;margin:auto;padding:28px}header a,a{color:#9edfc8}header a{font-size:12px;letter-spacing:.12em}h1{font-size:38px}h2{font-size:clamp(24px,3vw,34px);font-weight:500;line-height:1.2;margin:8px 0 16px}h3{font-weight:500;margin:10px 0}p{max-width:1000px}.eyebrow,.question>span{font-size:12px;letter-spacing:.14em;color:#97c5b3}.muted,figcaption,#byline{color:#a9bfb3}.small{font-size:13px}button{font:inherit;border:1px solid #375344;background:#101e17;color:#e9f1ec;padding:11px 17px;border-radius:12px;cursor:pointer}button:hover{border-color:#a8ddc6}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e6af67;outline-offset:4px}button:disabled{opacity:.4;cursor:default}button[aria-current=step],button[aria-pressed=true]{background:#c2e8d7;color:#10271d}#cases{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}#cases button{flex:1 1 170px;text-align:left;font-size:15px}.intro-card{padding:22px 26px;background:#11221a;border:1px solid #304b3d;border-radius:18px}.intro-card p{margin:8px 0}.case-heading{padding:12px 0}#byline{font-size:14px}#history{margin-bottom:24px}#image-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}#image-tabs button{font-size:14px}figure{margin:0}.film{background:#000;border:1px solid #344b40;border-radius:18px;position:relative;padding:16px 16px 64px;text-align:center}#xray{display:block;width:100%;height:460px;object-fit:contain;margin:auto}#enlarge{position:absolute;right:16px;bottom:12px;font-size:14px;background:#17281f}figcaption{font-size:13px;margin:10px 4px 20px;max-width:1000px}.question{padding:22px 26px;border-left:3px solid #dfab64;background:#162018;border-radius:0 14px 14px 0}.question h3{max-width:1000px;font-size:24px;line-height:1.4}.question button{margin-top:10px;background:#bde5d3;color:#10261b}.teaching-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;padding:26px 0}.teaching-grid aside{background:#10221b;padding:24px;border:1px solid #315442;border-radius:16px}.teaching-grid p{margin-top:8px}li{margin:10px 0}.limits{padding:20px 24px;border:1px solid #604f32;border-radius:14px;color:#d4d4bf}.limits p{margin:8px 0 0}.case-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:30px 0}#count{font-size:14px;color:#a5bfb0}.takeaways{border-top:1px solid #30473b;margin-top:34px;padding-top:24px}.takeaway-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.evidence{margin-top:24px;border-top:1px solid #30473b;padding:20px 0;font-size:14px;color:#b4c6bb}.evidence summary{cursor:pointer;color:#c5e4d2;font-size:17px}footer{font-size:12px;color:#89a695;padding:20px 0}dialog{max-width:95vw;width:1400px;max-height:95vh;border:1px solid #47604f;border-radius:16px;background:#050907;padding:20px}dialog::backdrop{background:#000d}dialog img{width:100%;max-height:75vh;object-fit:contain}#close-image{float:right}#zoom-label{font-size:14px;padding-right:130px}dialog p{max-width:none}[hidden]{display:none!important}@media(max-width:700px){main{padding:16px}.intro-card{padding:18px}#cases button{flex:1 1 42%;font-size:13px}#xray{height:320px}.film{padding:8px 8px 60px}.teaching-grid,.takeaway-grid{grid-template-columns:1fr;gap:18px}.question{padding:20px}.question h3{font-size:21px}.case-nav button{font-size:13px;padding:10px}.evidence a{overflow-wrap:anywhere}}
.film img{display:block;width:100%;height:460px;object-fit:contain;margin:auto}.enlarge{position:absolute;right:16px;bottom:12px;font-size:14px;background:#17281f}.question{margin-bottom:24px}.question p{font-size:22px}#reveal{margin:16px 0;background:#bde5d3;color:#10261b}.answer,.clinical-tips{padding:24px 0;border-top:1px solid #30473b}.clinical-tips{background:#10221b;padding:24px;border-radius:16px;margin-top:20px}.submission{border-top:1px solid #47604f;margin-top:36px;padding-top:32px;scroll-margin-top:100px}.submission-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.submission-fields label{display:flex;flex-direction:column;gap:8px}.submission-fields label:has(textarea){grid-column:1/-1}.submission input:not([type=checkbox]),.submission textarea{font:inherit;width:100%;border:1px solid #47604f;border-radius:9px;padding:12px;background:#101b15;color:#eef4ef}.check{display:flex;align-items:flex-start;gap:12px;margin:18px 0}.check input{margin-top:6px}#submit-status:empty{display:none}.submission-error{color:#ffbb9a}.submission-record{padding:20px 0;border-top:1px solid #375344}.submission-record a{display:inline-block;margin:8px 16px 8px 0}#submission-auth{margin:18px 0}#submission-auth:empty{display:none}#submit-status{white-space:pre-wrap}@media(max-width:700px){.film img{height:320px}.submission-fields{grid-template-columns:1fr}.question p{font-size:19px}}

.case-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.problem-column,.solution-column{min-width:0;padding:20px;background:#101b16;border:1px solid #375344;border-radius:16px}.side-label{font-size:24px;font-weight:700}.problem-column>.side-label{color:#e9b56d}.solution-column>.side-label{color:#9edfc8}.case-pair .film img{height:360px}.case-pair .film{padding:8px 8px 56px}.case-animation iframe{display:block;width:100%;height:360px;border:0;background:#020303;border-radius:12px}.case-animation>p{font-size:14px;color:#c2d5cb}.case-pair h4{font-size:17px;margin:12px 0}.case-pair ol{padding-left:24px}.case-pair li{padding-left:5px}.case-pair #reveal{margin-top:10px}.case-pair .clinical-tips{padding:16px}.panel-crop{overflow:hidden;max-width:100%;height:460px;width:220px;margin:auto;position:relative}.case-pair .panel-crop img{position:absolute;max-width:none;width:auto;height:460px;left:0}.case-pair .panel-crop.post img{left:-196px}.case-pair .panel-crop.pre{width:196px}#case-source{font-size:14px;padding:16px 0}#case-source summary{cursor:pointer}.small{font-size:14px}@media(max-width:700px){.case-pair{grid-template-columns:1fr;gap:18px}.problem-column,.solution-column{padding:14px}.case-animation iframe{height:320px}.case-pair .film img{height:320px}.case-pair .panel-crop img{height:460px}}
/* Matched comparison rows; the answer remains hidden until requested. */
.case-pair{grid-template-areas:'ph sh' 'ps ss' 'pre post' 'pm sm' 'result result';align-items:stretch;padding:20px;background:#101b16;border:1px solid #375344;border-radius:16px;gap:20px 24px}.problem-heading{grid-area:ph;color:#e9b56d}.solution-heading{grid-area:sh;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.solution-heading h3{color:#9edfc8}.problem-summary{grid-area:ps}.solution-summary{grid-area:ss}.pre-block{grid-area:pre}.post-block{grid-area:post}#problem-animation{grid-area:pm}#solution-animation{grid-area:sm}#teaching:not([hidden]){display:contents}.case-result{grid-area:result;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;border-top:1px solid #375344;padding-top:18px}.case-result a{grid-column:1/-1}.side-label{margin:0}.image-stage{height:400px;background:#000;border:1px solid #375344;border-radius:12px;overflow:hidden}.image-stage svg{display:block;width:100%;height:100%}.image-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.image-actions button,.film-tabs button{font-size:14px}.film-tabs{display:flex;gap:8px;flex-wrap:wrap;min-height:42px;margin-bottom:8px}.finding-note{padding:12px;border-left:3px solid #ffc875;background:#19251c;font-size:16px}.case-animation>p{min-height:36px}.case-animation iframe{height:360px}#submit-case>summary{font-size:23px;color:#c2e8d7;cursor:pointer}#submit-case:not([open]){padding-bottom:24px}.case-pair #reveal{margin:0}.case-pair p{margin:8px 0 16px}#solution-steps:empty{display:none}.case-pair h4{margin-top:0}.pre-block:has(.film-tabs:not([hidden]))+.post-block .film-tabs[hidden]{display:flex;visibility:hidden}
@media(max-width:700px){.case-pair{grid-template-columns:minmax(0,1fr);grid-template-areas:'ph' 'ps' 'pre' 'pm' 'sh' 'ss' 'post' 'sm' 'result';padding:14px}.image-stage{height:330px}.case-result{grid-template-columns:1fr}.case-animation iframe{height:320px}}