*{box-sizing:border-box}body{margin:0;background:#fafbf8;color:#173744;font-family:Arial,sans-serif}button,a,input{touch-action:manipulation}button{cursor:pointer;min-height:44px;font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #078b85;outline-offset:3px}header{height:93px;padding:20px 5%;display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid #dbe4df}.brand{color:#15303e;font-family:Georgia,serif;letter-spacing:7px;font-size:34px;text-decoration:none;text-align:center}.brand span{display:block;font:8px Arial;letter-spacing:2px;margin-top:5px;color:#147c7c}.edition{font-size:10px;letter-spacing:1.5px;color:#657b80}main{max-width:1560px;margin:auto;padding:0 5%}.intro{padding:37px 0 26px;display:flex;justify-content:space-between;align-items:flex-end;gap:35px}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:2px;color:#0c827b;margin:0 0 14px}h1{font:48px/1.04 Georgia,serif;margin:0;letter-spacing:-1px}h1 em{color:#16817e;font-style:normal}.intro>p{font-size:14px;line-height:1.8;color:#5f767b;margin:0 0 3px}.workspace{display:grid;grid-template-columns:minmax(400px,1fr) 335px;border:1px solid #d5e1db;background:white}.viewport{position:relative;min-height:660px;background:#edf2ee;overflow:hidden}#scene{position:absolute;inset:0}canvas{display:block;cursor:grab;touch-action:none}canvas:active{cursor:grabbing}.scene-heading{position:absolute;left:23px;right:23px;top:22px;display:flex;justify-content:space-between;gap:12px;pointer-events:none;font-size:9px;letter-spacing:1.3px;color:#42635f}#state-pill{background:#f8e4d8;color:#994b33;border:1px solid #e8cabb;padding:8px 10px;margin-top:-8px;font-size:9px;letter-spacing:1px}.orientation{position:absolute;left:25px;bottom:94px;font:25px Georgia;color:#37615d}.orientation span{display:block;font:9px Arial;letter-spacing:1px;margin-top:5px;color:#697e77}.camera-controls{position:absolute;bottom:45px;left:12px;right:12px;display:flex;justify-content:center;gap:5px}.camera-controls button{background:#fffffff0;color:#315655;border:1px solid #c9d7d0;border-radius:4px;padding:0 13px;font-size:11px;box-shadow:0 3px 10px #294c3c09}.gesture{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #d6e2d9;background:#f7faf6e8;text-align:center;padding:14px;font-size:10px;color:#61766f}#loading{position:absolute;inset:70px 25px auto;background:#ffffffed;padding:14px;color:#335d56;font-size:12px;border:1px solid #cfddd4}#annotation{position:absolute;pointer-events:none;display:flex;align-items:center;gap:6px;filter:drop-shadow(0 2px 3px #ffffff)}#annotation .leader{width:65px;height:1px;background:#a65335}#annotation .leader:before{content:'';display:block;width:7px;height:7px;background:#d16b43;border:2px solid white;border-radius:50%;margin:-3px 0 0 -4px}#annotation strong{font-size:11px;color:#79442f;background:#fffdf5eb;padding:8px 10px;border-radius:4px;border:1px solid #ead5c8;white-space:nowrap}aside{padding:29px 26px;border-left:1px solid #d9e3de}h2{font:32px/1.12 Georgia,serif;margin:0 0 16px}.intro-copy{font-size:12px;line-height:1.75;color:#64777b;margin-bottom:22px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#ecf1eb;padding:4px;border-radius:5px}.compare button{font-size:11px;border:0;border-radius:3px;background:transparent;color:#4e6965}.compare #normal[aria-pressed=true]{background:#126d66;color:white}.compare #injured[aria-pressed=true]{background:#a14c32;color:white}.explanation{display:flex;gap:10px;padding:19px 0 17px;border-bottom:1px solid #e0e7e1}.indicator{width:7px;height:7px;background:#b7603b;border-radius:50%;flex:none;margin-top:5px}.explanation strong{font-size:12px}.explanation p{font-size:11px;color:#647874;line-height:1.65;margin:7px 0 0}fieldset{border:0;padding:0;margin:19px 0 13px}legend{font-size:11px;font-weight:bold;margin-bottom:10px}label{display:flex;align-items:center;gap:7px;font-size:11px;min-height:29px;color:#526e68}input{accent-color:#11766d}.swatch{width:11px;height:11px;border-radius:3px;display:inline-block;border:1px solid #00000012}.swatch.bone{background:#e7d7b1}.swatch.cartilage{background:#75bed4}.swatch.meniscus{background:#b998b2}.swatch.ligament{background:#d1c39c}.swatch.target{background:#f1ead7}.swatch.lesion{background:#cf7046}label .swatch{margin-left:auto}.key{display:flex;align-items:center;gap:7px;font-size:10px;color:#62766d}.key .lesion{margin-left:12px}.note{font-size:10px;line-height:1.65;color:#877855;background:#f6f3e9;padding:11px;margin:19px 0 11px}.reference{color:#247870;font-size:10px;line-height:1.6}footer{display:flex;justify-content:space-between;gap:15px;font-size:9px;line-height:1.7;color:#36695f;padding:19px 0}footer a{color:#36695f;display:flex;align-items:center;min-height:44px;padding:8px 0}@media(min-width:1450px){.viewport{min-height:660px}aside{padding-top:40px}}@media(max-width:850px){main{padding:0 4%}.intro{display:block;padding:26px 0 20px}.intro>p{margin-top:17px;font-size:12px}h1{font-size:38px}.workspace{grid-template-columns:1fr}.viewport{min-height:0;height:500px}aside{border-left:0;border-top:1px solid #d9e3de;padding:23px}fieldset{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.scene-heading{font-size:8px;left:13px;right:13px}header{height:77px}.brand{font-size:26px}.edition{max-width:125px;font-size:8px;text-align:right}footer{display:block}footer a{display:block;margin-top:5px}}@media(max-width:420px){.viewport{min-height:0;height:430px}.camera-controls button{padding:0 8px;font-size:10px}.gesture{font-size:8px}.scene-heading{letter-spacing:.4px}#state-pill{font-size:8px}.orientation{bottom:110px}#annotation strong{font-size:10px}#annotation .leader{width:30px}}

.selected-tissue{margin:14px 0;padding:12px 13px;background:#eef5f1;border:1px solid #d0e0d7;border-radius:4px}.selected-tissue>span{display:block;font-size:8px;letter-spacing:1.3px;color:#38776a;margin-bottom:7px}.selected-tissue strong{display:block;font-size:12px;line-height:1.45}.selected-tissue small{display:block;font-size:9px;line-height:1.6;color:#63786e;margin-top:6px}.swatch.cartilage{background:#8cb2bd}.swatch.meniscus{background:#abb0bf}
.selected-tissue{min-height:122px}.explanation{min-height:112px}
.swatch.bone{background:#d9c099}.swatch.ligament,.swatch.target{background:#f8f8f5;border:1px solid #aab1ad}

.viewport{background:radial-gradient(ellipse at 55% 110%,#345442 0%,#1d3027 44%,#121c18 100%)}.scene-heading{color:#d2e1d9}.orientation{color:#dce6df}.orientation span{color:#b4c6bb}.gesture{background:#15251e;color:#bed1c5;border-top-color:#3b5146}.swatch.bone{background:#ead8c9}.swatch.cartilage{background:#b2c8ce}.swatch.meniscus{background:#979ea8}.swatch.lesion{background:#bd483c}

#annotation[hidden]{display:none}.swatch.muscle{background:#a44e46}.swatch.tendon{background:#e4d7ba}.camera-controls{flex-wrap:wrap;max-width:94%;justify-content:center}.camera-controls button{font-size:10px;padding:0 9px}.orientation{bottom:135px}@media(max-width:420px){.camera-controls{gap:4px}.camera-controls button{padding:0 7px;min-height:40px;font-size:9px}.orientation{bottom:130px}}

.example-picker{display:block;font-size:10px;line-height:1.6;margin-bottom:18px;color:#36695f}.example-picker select{display:block;width:100%;margin-top:6px;border:1px solid #bfd0c6;background:#f5f8f4;color:#173744;padding:10px 8px;font:12px Arial;border-radius:3px;min-height:44px}.swatch.bursa{background:#aa8fd5}.swatch.fat{background:#ead072}

.view-presets{display:flex;gap:8px;margin:16px 0}.view-presets button{flex:1;padding:10px;border:1px solid #cadad4;border-radius:7px;background:#fff;color:#23554c;font:inherit;font-size:13px;cursor:pointer}.view-presets button[aria-pressed="true"]{background:#def0e9;border-color:#147c7c}details{border-top:1px solid #dde5de;padding:14px 0}summary{cursor:pointer;color:#285b50;font-weight:600;font-size:14px}details fieldset{margin-top:14px}details small{font-size:12px;color:#65766e}details.model-details .note{margin-top:12px}.teaching-note{font-size:12px;color:#65766e}.selected-tissue.has-selection{border:2px solid #178e84;background:#e8f9f4;padding:12px}.selected-tissue{min-height:0}.selected-tissue strong{overflow-wrap:anywhere}

.review-warning{font-size:12px;line-height:1.5;background:#fff4df;color:#735328;border-left:3px solid #b58434;padding:10px}.review-warning[hidden]{display:none}.review-warning a{color:inherit}