.surgeon-page .joint-direction{background:#050606;border:1px solid #35463e;margin:44px 0 56px;overflow:hidden}.surgeon-page .joint-direction-heading{border-bottom:1px solid #29332d;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex}.surgeon-page .joint-direction-heading p{margin:0}.surgeon-page .joint-direction-heading>span{color:#a9bcb3;font-size:14px}.surgeon-page .landmark-3d-stage{width:100%;height:clamp(460px,53vw,760px);position:relative;overflow:hidden}.surgeon-page .landmark-3d-stage canvas{width:100%;height:100%;display:block}.surgeon-page .landmark-loading{text-align:center;color:#bbc8c0;position:absolute;inset:45% 10% auto}.surgeon-page .landmark-label{z-index:2;pointer-events:none;text-align:center;color:#c0dcf0;background:#071011ed;border-radius:4px;max-width:180px;padding:7px 10px;font-size:16px;font-weight:500;line-height:1.3;transition:opacity .25s;position:absolute;transform:translate(-50%,-50%)}.surgeon-page .landmark-label-medial,.surgeon-page .landmark-label-lateral{color:#9ce0c8;max-width:155px}.surgeon-page .landmark-label-femoralLateral9,.surgeon-page .landmark-label-femoral9,.surgeon-page .landmark-label-medial9,.surgeon-page .landmark-label-lateral9{white-space:nowrap;padding:3px 7px;font-size:clamp(20px,2.5vw,32px)}.surgeon-page .landmark-label-medial9,.surgeon-page .landmark-label-lateral9{color:#9ce0c8}.surgeon-page .landmark-label-joint{color:#f4b665;font-size:18px}.surgeon-page .joint-direction button{cursor:pointer;font:inherit;color:#edf0ed}.surgeon-page .joint-direction button:disabled{cursor:default;opacity:.45}.surgeon-page .joint-direction button:focus-visible,.surgeon-page .joint-direction input:focus-visible{outline-offset:4px;outline:3px solid #f4b665}.surgeon-page .landmark-view-controls{justify-content:center;gap:10px;padding:16px;display:flex}.surgeon-page .landmark-view-controls button,.surgeon-page .landmark-playback button{background:#14211c;border:1px solid #53665c;border-radius:4px;padding:10px 18px;font-size:16px}.surgeon-page .landmark-view-controls button[aria-pressed=true]{color:#f4b665;border-color:#f4b665}.surgeon-page .joint-direction-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:12px 28px 0;display:grid}.surgeon-page .joint-direction-steps button{text-align:left;background:0 0;border:0;border-top:2px solid #53665c;align-items:baseline;gap:12px;padding:18px 0;font-size:16px;line-height:1.45;display:flex}.surgeon-page .joint-direction-steps button[aria-pressed=true]{color:#f4b665;border-color:#f4b665}.surgeon-page .joint-direction-steps span{font-size:14px}.surgeon-page .joint-direction-caption{color:#edf0ed;min-height:3.2em;margin:12px 28px 16px;font-size:20px;line-height:1.6}.surgeon-page .landmark-playback{align-items:center;gap:20px;margin:0 28px 20px;display:flex}.surgeon-page .landmark-playback input{accent-color:#f4b665;flex:1;min-width:0}.surgeon-page .joint-direction-note{color:#a9bcb3;margin:24px 28px;font-size:14px;line-height:1.6}.surgeon-page .joint-direction-note a{text-decoration:underline}@media (width<=760px){.surgeon-page .joint-direction-heading{align-items:flex-start;padding:20px 16px}.surgeon-page .joint-direction-heading>span{text-align:right;max-width:90px}.surgeon-page .landmark-3d-stage{height:490px}.surgeon-page .landmark-label{max-width:105px;padding:5px;font-size:14px}.surgeon-page .landmark-label-medial,.surgeon-page .landmark-label-lateral{max-width:110px}.surgeon-page .landmark-label-femoralLateral9,.surgeon-page .landmark-label-femoral9,.surgeon-page .landmark-label-medial9,.surgeon-page .landmark-label-lateral9{font-size:20px}.surgeon-page .landmark-label-joint{font-size:14px;transform:translate(-85%,-50%)}.surgeon-page .landmark-label-bone,.surgeon-page .landmark-label-native{transform:translate(-50%,-115%)}.surgeon-page .landmark-label-femoralLateral9,.surgeon-page .landmark-label-femoral9{transform:translate(-50%,-105%)}.surgeon-page .landmark-label-medial,.surgeon-page .landmark-label-lateral{transform:translate(-50%,-25%)}.surgeon-page .joint-direction-steps{grid-template-columns:1fr;gap:0;margin:12px 16px 0}.surgeon-page .joint-direction-steps button{padding:12px 0}.surgeon-page .joint-direction-caption{min-height:0;margin:12px 16px 20px;font-size:18px}.surgeon-page .joint-direction-note,.surgeon-page .landmark-playback{margin-left:16px;margin-right:16px}}@media (prefers-reduced-motion:reduce){.surgeon-page .joint-direction *{transition:none!important}}.surgeon-page .landmark-thickness{color:#c0dcf0;flex-wrap:wrap;justify-content:center;gap:8px 28px;margin:0 16px 24px;font-size:16px;display:flex}.surgeon-page .landmark-thickness strong{color:#f4b665;font-weight:500}