.anatomy-orientation{--anatomy: #245fc7;--anatomy-deep: #143f87;--anatomy-moving: #2e74dc;--anatomy-reference: #263241;--anatomy-soft: rgba(36, 95, 199, 0.1);--anatomy-line: rgba(36, 95, 199, 0.34);position:relative;isolation:isolate;width:100%;max-width:1120px;margin:clamp(1.8rem,4vw,3rem) auto;overflow:hidden;color:var(--ink);border:1px solid var(--border-color);border-top:4px solid var(--anatomy);border-radius:21px;background:radial-gradient(circle at 96% 2%, var(--anatomy-soft), transparent 32%),var(--surface);box-shadow:0 20px 48px -40px rgba(15,23,42,.75)}.anatomy-orientation__header{display:grid;grid-template-columns:58px minmax(0, 1fr) minmax(190px, 260px);gap:clamp(.85rem,2.2vw,1.2rem);align-items:center;padding:clamp(1.1rem,3vw,1.7rem)}.anatomy-orientation__mark{position:relative;display:block;width:58px;height:58px;overflow:hidden;border-radius:17px;background:var(--anatomy);box-shadow:0 12px 25px -17px var(--anatomy-deep)}.anatomy-orientation__mark i{position:absolute;top:27px;left:10px;width:38px;height:4px;border-radius:999px;background:#fff;transform-origin:50% 50%}.anatomy-orientation__mark i:first-child{transform:rotate(-17deg)}.anatomy-orientation__mark i:nth-child(2){transform:rotate(17deg)}.anatomy-orientation__mark i::after{position:absolute;right:0;top:-4px;width:10px;height:10px;content:"";border:2px solid #fff;border-radius:50%;background:var(--anatomy)}.anatomy-orientation__mark b{position:absolute;top:23px;left:25px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:var(--anatomy)}.anatomy-orientation__heading{min-width:0}.anatomy-orientation__eyebrow,.anatomy-orientation__states-header>div:first-child>span{display:block;color:var(--anatomy-deep);font:850 .67rem/1.25 var(--font-ui);letter-spacing:.12em;text-transform:uppercase}.anatomy-orientation__heading h2{margin:.12rem 0 0;color:var(--heading-font-color);font-family:var(--heading-font-family);font-size:clamp(1.3rem,3vw,1.95rem);letter-spacing:-0.026em;line-height:1.12;text-wrap:balance}.anatomy-orientation__heading p{max-width:72ch;margin:.38rem 0 0;color:var(--ink-muted);font:500 .87rem/1.52 var(--font-ui)}.anatomy-orientation__instruction{display:grid;grid-template-columns:42px minmax(0, 1fr);gap:.65rem;align-self:stretch;align-items:center;min-width:0;margin:0;padding:.66rem .72rem;border:1px solid var(--anatomy-line);border-radius:12px;background:var(--anatomy-soft);color:var(--ink);font:650 .71rem/1.45 var(--font-ui)}.anatomy-orientation__instruction>span:first-child{display:grid;width:42px;height:42px;place-items:center;color:#fff;border-radius:12px;background:var(--anatomy);font-weight:900}.anatomy-orientation__selector{min-width:0;margin:0;padding:0 clamp(1.1rem,3vw,1.7rem);border:0}.anatomy-orientation__selector>legend{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.anatomy-orientation__radio{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap}.anatomy-orientation__workspace{display:grid;grid-template-columns:minmax(0, 1.5fr) minmax(280px, 0.7fr);gap:.75rem;min-width:0}.anatomy-orientation__map,.anatomy-orientation__panels{min-width:0;overflow:hidden;border:1px solid var(--border-color);border-radius:15px;background:var(--verify-bg)}.anatomy-orientation__map{position:relative;min-height:430px}.anatomy-orientation__canvas{position:absolute;inset:0;overflow:hidden;background:linear-gradient(90deg, transparent 24.8%, var(--anatomy-soft) 25%, transparent 25.2% 49.8%, var(--anatomy-soft) 50%, transparent 50.2% 74.8%, var(--anatomy-soft) 75%, transparent 75.2%),linear-gradient(0deg, transparent 49.7%, var(--anatomy-soft) 50%, transparent 50.3%),var(--surface)}.anatomy-orientation__canvas::after{position:absolute;left:50%;top:50%;width:min(42vw,330px);aspect-ratio:1;content:"";border:1px dashed var(--anatomy-line);border-radius:50%;transform:translate(-50%, -50%);opacity:.55}.anatomy-orientation__view-label{position:absolute;left:50%;bottom:15px;z-index:2;padding:.3rem .52rem;color:var(--ink-muted);border:1px solid var(--border-color);border-radius:999px;background:var(--surface);font:750 .57rem/1.2 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;transform:translateX(-50%);white-space:nowrap}.anatomy-orientation__schematic{position:absolute;z-index:2;inset:17% 9% 15%}.anatomy-orientation__half{position:absolute;inset:0;color:var(--anatomy-reference);transform-origin:50% 50%}.anatomy-orientation__half--reference{color:var(--anatomy-reference);transform:rotate(-8deg)}.anatomy-orientation__half--moving{color:var(--anatomy-moving);transform:rotate(13deg)}.anatomy-orientation__blade{position:absolute;left:2%;top:calc(50% - 7px);width:48%;height:14px;border:1px solid currentColor;background:currentColor;background:linear-gradient(180deg, color-mix(in srgb, currentColor 25%, var(--surface)), currentColor);clip-path:polygon(0 50%, 100% 0, 100% 100%)}.anatomy-orientation__blade::after{position:absolute;left:14%;right:0;bottom:2px;height:1px;content:"";background:var(--surface);opacity:.72}.anatomy-orientation__shank{position:absolute;left:49%;top:calc(50% - 6px);width:29%;height:12px;border-radius:0 999px 999px 0;background:currentColor}.anatomy-orientation__ring{position:absolute;left:74%;top:calc(50% - 30px);width:58px;height:58px;border:8px solid currentColor;border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 45%, transparent)}.anatomy-orientation__rest{position:absolute;left:calc(74% + 49px);top:calc(50% - 3px);width:37px;height:7px;border-radius:999px;background:currentColor;transform:rotate(-24deg);transform-origin:left center}.anatomy-orientation__stop{position:absolute;left:69%;top:calc(50% + 1px);width:11px;height:11px;border:2px solid var(--surface);border-radius:4px;background:currentColor}.anatomy-orientation__pivot{position:absolute;z-index:4;left:50%;top:50%;width:28px;height:28px;border:5px solid var(--surface);border-radius:50%;background:var(--anatomy);box-shadow:0 0 0 2px var(--anatomy-deep),0 6px 14px -9px rgba(15,23,42,.8);transform:translate(-50%, -50%)}.anatomy-orientation__hotspots{position:absolute;z-index:5;inset:0;pointer-events:none}.anatomy-orientation__hotspot{position:absolute;display:inline-grid;grid-template-columns:28px minmax(0, auto);gap:.38rem;align-items:center;max-width:145px;min-height:34px;padding:.22rem .48rem .22rem .22rem;color:var(--ink);border:1px solid var(--anatomy-line);border-radius:999px;background:var(--surface);box-shadow:0 8px 18px -16px rgba(15,23,42,.9);cursor:pointer;font:760 .65rem/1.15 var(--font-ui);pointer-events:auto;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.anatomy-orientation__hotspot::after{position:absolute;width:8px;height:8px;content:"";border:2px solid var(--surface);border-radius:50%;background:var(--anatomy);box-shadow:0 0 0 1px var(--anatomy)}.anatomy-orientation__hotspot>span{display:grid;width:28px;height:28px;place-items:center;color:#fff;border-radius:50%;background:var(--anatomy);font-size:.57rem}.anatomy-orientation__hotspot strong{min-width:0;overflow-wrap:anywhere}.anatomy-orientation__hotspot:hover{border-color:var(--anatomy);box-shadow:0 11px 22px -17px rgba(15,23,42,.9);transform:translateY(-1px)}.anatomy-orientation__hotspot--tip{left:2.5%;top:13%}.anatomy-orientation__hotspot--tip::after{left:43%;bottom:-20px}.anatomy-orientation__hotspot--blade{left:3%;top:63%}.anatomy-orientation__hotspot--blade::after{left:66%;top:-22px}.anatomy-orientation__hotspot--pivot{left:39%;top:8%}.anatomy-orientation__hotspot--pivot::after{left:50%;bottom:-24px}.anatomy-orientation__hotspot--motion{left:38%;bottom:10%}.anatomy-orientation__hotspot--motion::after{left:50%;top:-24px}.anatomy-orientation__hotspot--rings{right:2.5%;top:57%}.anatomy-orientation__hotspot--rings::after{left:-22px;top:42%}.anatomy-orientation__hotspot--rest{right:2.5%;top:13%}.anatomy-orientation__hotspot--rest::after{left:-22px;top:42%}.anatomy-orientation__panels{position:relative;min-height:430px;background:linear-gradient(150deg, var(--surface), var(--anatomy-soft)),var(--surface)}.anatomy-orientation__panel{display:none;min-height:100%;padding:clamp(1rem,2.5vw,1.35rem);align-content:start}.anatomy-orientation__panel>header{display:grid;grid-template-columns:42px minmax(0, 1fr);gap:.65rem;align-items:center}.anatomy-orientation__panel>header>span{display:grid;width:42px;height:42px;place-items:center;color:#fff;border-radius:12px;background:var(--anatomy);font:900 .65rem/1 var(--font-ui)}.anatomy-orientation__panel header div{min-width:0}.anatomy-orientation__panel header small{display:block;color:var(--anatomy-deep);font:850 .59rem/1.2 var(--font-ui);letter-spacing:.08em;text-transform:uppercase}.anatomy-orientation__panel h3{margin:.13rem 0 0;color:var(--heading-font-color);font:800 clamp(1rem, 2vw, 1.18rem)/1.2 var(--heading-font-family);letter-spacing:-0.018em}.anatomy-orientation__panel>p:not(.anatomy-orientation__record){margin:.9rem 0 0;color:var(--ink-muted);font:500 .77rem/1.55 var(--font-ui)}.anatomy-orientation__record{display:grid;gap:.2rem;margin:.85rem 0 0;padding:.7rem;border:1px solid var(--anatomy-line);border-radius:10px;background:var(--surface)}.anatomy-orientation__record small{color:var(--anatomy-deep);font:850 .56rem/1.2 var(--font-ui);letter-spacing:.08em;text-transform:uppercase}.anatomy-orientation__record strong{color:var(--ink);font:700 .69rem/1.45 var(--font-ui)}.anatomy-orientation__panel nav{display:grid;gap:.46rem;margin-top:.9rem}.anatomy-orientation__panel nav a{display:flex;gap:.5rem;align-items:center;justify-content:space-between;min-width:0;padding:.58rem .65rem;color:var(--anatomy-deep);border:1px solid var(--anatomy-line);border-radius:9px;background:var(--surface);font:760 .69rem/1.3 var(--font-ui);text-decoration:none}.anatomy-orientation__panel nav a:hover{color:#fff;background:var(--anatomy)}#anatomy-zone-tip:checked~.anatomy-orientation__workspace .anatomy-orientation__panel--tip,#anatomy-zone-blade:checked~.anatomy-orientation__workspace .anatomy-orientation__panel--blade,#anatomy-zone-pivot:checked~.anatomy-orientation__workspace .anatomy-orientation__panel--pivot,#anatomy-zone-motion:checked~.anatomy-orientation__workspace .anatomy-orientation__panel--motion,#anatomy-zone-rings:checked~.anatomy-orientation__workspace .anatomy-orientation__panel--rings,#anatomy-zone-rest:checked~.anatomy-orientation__workspace .anatomy-orientation__panel--rest{display:grid}#anatomy-zone-tip:checked~.anatomy-orientation__workspace .anatomy-orientation__hotspot--tip,#anatomy-zone-blade:checked~.anatomy-orientation__workspace .anatomy-orientation__hotspot--blade,#anatomy-zone-pivot:checked~.anatomy-orientation__workspace .anatomy-orientation__hotspot--pivot,#anatomy-zone-motion:checked~.anatomy-orientation__workspace .anatomy-orientation__hotspot--motion,#anatomy-zone-rings:checked~.anatomy-orientation__workspace .anatomy-orientation__hotspot--rings,#anatomy-zone-rest:checked~.anatomy-orientation__workspace .anatomy-orientation__hotspot--rest{color:#fff;border-color:var(--anatomy);background:var(--anatomy);box-shadow:0 12px 24px -16px var(--anatomy-deep)}#anatomy-zone-tip:checked~.anatomy-orientation__workspace .anatomy-orientation__hotspot--tip>span,#anatomy-zone-blade:checked~.anatomy-orientation__workspace .anatomy-orientation__hotspot--blade>span,#anatomy-zone-pivot:checked~.anatomy-orientation__workspace .anatomy-orientation__hotspot--pivot>span,#anatomy-zone-motion:checked~.anatomy-orientation__workspace .anatomy-orientation__hotspot--motion>span,#anatomy-zone-rings:checked~.anatomy-orientation__workspace .anatomy-orientation__hotspot--rings>span,#anatomy-zone-rest:checked~.anatomy-orientation__workspace .anatomy-orientation__hotspot--rest>span{color:var(--anatomy-deep);background:#fff}#anatomy-zone-tip:focus-visible~.anatomy-orientation__workspace .anatomy-orientation__hotspot--tip,#anatomy-zone-blade:focus-visible~.anatomy-orientation__workspace .anatomy-orientation__hotspot--blade,#anatomy-zone-pivot:focus-visible~.anatomy-orientation__workspace .anatomy-orientation__hotspot--pivot,#anatomy-zone-motion:focus-visible~.anatomy-orientation__workspace .anatomy-orientation__hotspot--motion,#anatomy-zone-rings:focus-visible~.anatomy-orientation__workspace .anatomy-orientation__hotspot--rings,#anatomy-zone-rest:focus-visible~.anatomy-orientation__workspace .anatomy-orientation__hotspot--rest{outline:3px solid var(--focus-ring, #ffbf47);outline-offset:3px}.anatomy-orientation__states{margin:.8rem clamp(1.1rem,3vw,1.7rem) 0;padding:.95rem;border:1px solid var(--border-color);border-radius:15px;background:var(--surface)}.anatomy-orientation__states-header{display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:.8rem 1rem;align-items:end}.anatomy-orientation__states-header h3{margin:.12rem 0 0;color:var(--heading-font-color);font:800 clamp(1rem, 2.3vw, 1.25rem)/1.2 var(--heading-font-family);letter-spacing:-0.018em}.anatomy-orientation__states-header p{max-width:72ch;margin:.3rem 0 0;color:var(--ink-muted);font:500 .71rem/1.47 var(--font-ui)}.anatomy-orientation__legend{display:grid;gap:.3rem;padding:.48rem .6rem;border:1px solid var(--border-color);border-radius:9px;background:var(--verify-bg)}.anatomy-orientation__legend span{display:flex;gap:.4rem;align-items:center;color:var(--ink-muted);font:700 .6rem/1.25 var(--font-ui)}.anatomy-orientation__key{display:inline-block;width:20px;height:4px;border-radius:999px}.anatomy-orientation__key--reference{background:var(--anatomy-reference)}.anatomy-orientation__key--moving{background:var(--anatomy-moving)}.anatomy-orientation__state-list{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:.62rem;margin:.8rem 0 0;padding:0;list-style:none}.anatomy-orientation__state{display:grid;grid-template-columns:minmax(120px, 0.75fr) minmax(0, 1fr);gap:.7rem;align-items:center;min-width:0;padding:.68rem;border:1px solid var(--anatomy-line);border-radius:11px;background:var(--verify-bg)}.anatomy-orientation__mechanism{position:relative;min-width:0;height:96px;overflow:hidden;border:1px solid var(--border-color);border-radius:9px;background:radial-gradient(circle at 50% 50%, var(--anatomy-soft), transparent 46%),var(--surface)}.anatomy-orientation__state-half{position:absolute;left:10%;right:10%;top:calc(50% - 4px);height:8px;border-radius:999px;transform-origin:50% 50%}.anatomy-orientation__state-half::before{position:absolute;left:-2px;top:1px;width:8px;height:6px;content:"";clip-path:polygon(0 50%, 100% 0, 100% 100%);background:inherit}.anatomy-orientation__state-half i{position:absolute;right:-2px;top:-7px;width:20px;height:20px;border:5px solid currentColor;border-radius:50%;background:var(--surface)}.anatomy-orientation__state-half--reference{color:var(--anatomy-reference);background:var(--anatomy-reference);transform:rotate(-4deg)}.anatomy-orientation__state-half--moving{color:var(--anatomy-moving);background:var(--anatomy-moving)}.anatomy-orientation__state--open .anatomy-orientation__state-half--moving{transform:rotate(19deg)}.anatomy-orientation__state--closing .anatomy-orientation__state-half--moving{transform:rotate(8deg)}.anatomy-orientation__state--closed .anatomy-orientation__state-half--moving{transform:rotate(-2deg)}.anatomy-orientation__mechanism>b{position:absolute;z-index:3;left:50%;top:50%;width:16px;height:16px;border:3px solid var(--surface);border-radius:50%;background:var(--anatomy);box-shadow:0 0 0 1px var(--anatomy-deep);transform:translate(-50%, -50%)}.anatomy-orientation__state>p{display:grid;gap:.17rem;min-width:0;margin:0}.anatomy-orientation__state>p>span{color:var(--anatomy-deep);font:900 .57rem/1.2 var(--font-ui)}.anatomy-orientation__state>p>strong{color:var(--ink);font:800 .72rem/1.25 var(--font-ui)}.anatomy-orientation__state>p>small{color:var(--ink-muted);font:500 .61rem/1.42 var(--font-ui)}.anatomy-orientation__boundaries{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:.62rem;padding:.8rem clamp(1.1rem,3vw,1.7rem) 0}.anatomy-orientation__variation{display:grid;grid-template-columns:34px minmax(0, 1fr);gap:.58rem;align-items:start;min-width:0;padding:.68rem;border:1px solid var(--border-color);border-radius:11px;background:var(--verify-bg)}.anatomy-orientation__variation>span{position:relative;display:block;width:34px;height:34px;border:1px solid var(--anatomy-line);border-radius:10px;background:var(--surface)}.anatomy-orientation__variation>span::before,.anatomy-orientation__variation>span::after{position:absolute;left:8px;right:8px;height:3px;content:"";border-radius:999px;background:var(--anatomy)}.anatomy-orientation__variation>span::before{top:10px;transform:rotate(-11deg)}.anatomy-orientation__variation>span::after{bottom:10px;transform:rotate(11deg)}.anatomy-orientation__variation p{display:grid;gap:.17rem;min-width:0;margin:0}.anatomy-orientation__variation strong{color:var(--ink);font:800 .7rem/1.25 var(--font-ui)}.anatomy-orientation__variation small{color:var(--ink-muted);font:500 .62rem/1.42 var(--font-ui)}.anatomy-orientation__boundary{display:grid;grid-template-columns:40px minmax(0, 1fr);gap:.68rem;align-items:center;margin:.8rem clamp(1.1rem,3vw,1.7rem) clamp(1.1rem,3vw,1.7rem);padding:.72rem;color:var(--ink);border:1px solid var(--anatomy-line);border-radius:12px;background:var(--anatomy-soft);font:500 .69rem/1.48 var(--font-ui)}.anatomy-orientation__boundary>span:first-child{display:grid;width:40px;height:40px;place-items:center;color:#fff;border-radius:12px;background:var(--anatomy);font-weight:900}.anatomy-orientation__boundary>span:last-child{display:grid;gap:.13rem}.anatomy-orientation__boundary strong{color:var(--anatomy-deep);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}.dark-mode .anatomy-orientation{--anatomy-deep: #9fc4ff;--anatomy-reference: #aeb8c5;--anatomy-moving: #73a9fb}@media(max-width: 940px){.anatomy-orientation__header{grid-template-columns:52px minmax(0, 1fr)}.anatomy-orientation__mark{width:52px;height:52px}.anatomy-orientation__instruction{grid-column:1/-1}.anatomy-orientation__workspace{grid-template-columns:1fr}.anatomy-orientation__map{min-height:390px}.anatomy-orientation__panels{min-height:0}.anatomy-orientation__panel{min-height:270px}.anatomy-orientation__state-list{grid-template-columns:1fr}.anatomy-orientation__state{grid-template-columns:minmax(170px, 0.55fr) minmax(0, 1fr)}}@media(max-width: 680px){.anatomy-orientation{border-radius:16px}.anatomy-orientation__header{grid-template-columns:44px minmax(0, 1fr);padding:.95rem}.anatomy-orientation__mark{width:44px;height:44px;border-radius:13px}.anatomy-orientation__mark i{left:7px;top:20px;width:30px}.anatomy-orientation__mark b{left:18px;top:16px}.anatomy-orientation__selector{padding-inline:.95rem}.anatomy-orientation__map{display:grid;min-height:0;grid-template-rows:250px auto}.anatomy-orientation__canvas{position:relative;inset:auto;min-height:250px}.anatomy-orientation__schematic{inset:14% 3% 16%;transform:scale(0.82)}.anatomy-orientation__ring{width:48px;height:48px;top:calc(50% - 25px);border-width:7px}.anatomy-orientation__rest{left:calc(74% + 40px)}.anatomy-orientation__hotspots{position:static;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:.42rem;padding:.7rem;background:var(--verify-bg)}.anatomy-orientation__hotspot,.anatomy-orientation__hotspot--tip,.anatomy-orientation__hotspot--blade,.anatomy-orientation__hotspot--pivot,.anatomy-orientation__hotspot--motion,.anatomy-orientation__hotspot--rings,.anatomy-orientation__hotspot--rest{position:static;width:100%;max-width:none;border-radius:10px}.anatomy-orientation__hotspot::after{display:none}.anatomy-orientation__panel{min-height:0}.anatomy-orientation__states{margin-inline:.95rem}.anatomy-orientation__states-header{grid-template-columns:1fr}.anatomy-orientation__legend{grid-template-columns:1fr 1fr}.anatomy-orientation__state{grid-template-columns:minmax(120px, 0.6fr) minmax(0, 1fr)}.anatomy-orientation__boundaries{grid-template-columns:1fr;padding-inline:.95rem}.anatomy-orientation__boundary{margin-inline:.95rem;margin-bottom:.95rem}}@media(max-width: 430px){.anatomy-orientation__hotspots{grid-template-columns:1fr}.anatomy-orientation__state{grid-template-columns:1fr}.anatomy-orientation__mechanism{height:82px}.anatomy-orientation__legend{grid-template-columns:1fr}}@media(prefers-reduced-motion: reduce){.anatomy-orientation__hotspot{transition:none}}@media(forced-colors: active){.anatomy-orientation,.anatomy-orientation__instruction,.anatomy-orientation__map,.anatomy-orientation__panels,.anatomy-orientation__hotspot,.anatomy-orientation__record,.anatomy-orientation__states,.anatomy-orientation__state,.anatomy-orientation__variation,.anatomy-orientation__boundary{border:1px solid CanvasText}.anatomy-orientation__hotspot>span,.anatomy-orientation__panel>header>span,.anatomy-orientation__boundary>span:first-child{color:Canvas;background:CanvasText}}@media print{.anatomy-orientation{box-shadow:none}.anatomy-orientation__instruction,.anatomy-orientation__hotspots{display:none}.anatomy-orientation__workspace{display:block}.anatomy-orientation__map{min-height:330px}.anatomy-orientation__panels{margin-top:.5rem}.anatomy-orientation__panel{display:block;min-height:0}.anatomy-orientation__panel+.anatomy-orientation__panel{margin-top:.5rem;border-top:1px solid var(--border-color)}}/*# sourceMappingURL=anatomy-orientation.css.map */