/* Autonatomy v261 — Visual Interaction & Component Anatomy
   Additive interaction layer for v260 component illustrations. */
:root{
  --ax261-panel:#06161c;--ax261-panel2:#0a222a;--ax261-line:#35545c;--ax261-ink:#edf6f7;
  --ax261-muted:#8ca4aa;--ax261-hot:#f2a43a;--ax261-test:#2fc4cf;--ax261-fault:#ec6f66;--ax261-good:#69ca8a;
}
.ax260-illustration.ax261-ready{overflow:visible}
.ax261-tools{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-left:auto}
.ax261-tool{appearance:none;border:1px solid #36565f;border-radius:5px;background:#071a20;color:#8fa7ad;padding:6px 8px;font:850 8px/1 var(--ax-font-tech,ui-monospace,monospace);letter-spacing:.065em;text-transform:uppercase;cursor:pointer;transition:.15s ease}
.ax261-tool:hover,.ax261-tool:focus-visible{border-color:#6f8d95;color:#eaf4f5;outline:none}.ax261-tool[aria-pressed="true"]{border-color:var(--ax260-accent,var(--ax261-hot));background:color-mix(in srgb,var(--ax260-accent,var(--ax261-hot)) 14%,#071a20);color:#fff;box-shadow:inset 0 -2px 0 var(--ax260-accent,var(--ax261-hot))}
.ax261-tool[data-mode="test"][aria-pressed="true"]{border-color:var(--ax261-test);box-shadow:inset 0 -2px 0 var(--ax261-test)}.ax261-tool[data-mode="fault"][aria-pressed="true"]{border-color:var(--ax261-fault);box-shadow:inset 0 -2px 0 var(--ax261-fault)}
.ax261-canvas-wrap{position:relative}.ax261-hotspots{position:absolute;inset:8px 10px 4px;pointer-events:none;z-index:5}
.ax261-hotspot{position:absolute;translate:-50% -50%;width:29px;height:29px;border-radius:50%;border:1.5px solid var(--ax260-accent,var(--ax261-hot));background:#06191fe8;color:#fff;display:grid;place-items:center;font:950 9px/1 var(--ax-font-tech,ui-monospace,monospace);box-shadow:0 0 0 4px rgba(6,25,31,.65),0 0 0 5px color-mix(in srgb,var(--ax260-accent,var(--ax261-hot)) 25%,transparent);pointer-events:auto;cursor:pointer;transition:.15s ease}
.ax261-hotspot:hover,.ax261-hotspot:focus-visible,.ax261-hotspot[aria-current="true"]{scale:1.16;outline:none;background:var(--ax260-accent,var(--ax261-hot));color:#06191f;box-shadow:0 0 0 5px rgba(6,25,31,.72),0 0 20px color-mix(in srgb,var(--ax260-accent,var(--ax261-hot)) 45%,transparent)}
.ax261-hotspot:after{content:attr(data-short);position:absolute;left:50%;top:34px;translate:-50% 0;white-space:nowrap;opacity:0;pointer-events:none;padding:4px 6px;border:1px solid #36565f;border-radius:4px;background:#071a20;color:#dbe8ea;font:800 7px/1 var(--ax-font-tech,ui-monospace,monospace);letter-spacing:.04em;text-transform:uppercase;transition:.12s}
.ax261-hotspot:hover:after,.ax261-hotspot:focus-visible:after{opacity:1}
.ax261-ready[data-ax261-mode="test"] .ax261-hotspot{border-color:var(--ax261-test);box-shadow:0 0 0 4px rgba(6,25,31,.65),0 0 0 5px rgba(47,196,207,.18)}
.ax261-ready[data-ax261-mode="test"] .ax261-hotspot:before{content:"TP" attr(data-n);position:absolute;right:-18px;top:-8px;color:var(--ax261-test);font:900 7px/1 var(--ax-font-tech,ui-monospace,monospace)}
.ax261-ready[data-ax261-mode="fault"] .ax260-canvas svg{filter:saturate(.55) brightness(.78)}
.ax261-ready[data-ax261-mode="fault"] .ax261-hotspot{opacity:.45;border-color:#667c82}.ax261-ready[data-ax261-mode="fault"] .ax261-hotspot[data-fault="true"]{opacity:1;border-color:var(--ax261-fault);background:#321517;color:#fff;animation:ax261FaultPulse 1.1s ease-in-out infinite;box-shadow:0 0 0 5px rgba(236,111,102,.13),0 0 22px rgba(236,111,102,.35)}
.ax261-ready[data-ax261-mode="motion"] .ax260-arrow,.ax261-ready[data-ax261-mode="motion"] .ax260-line.energy,.ax261-ready[data-ax261-mode="motion"] .ax260-line.fluid,.ax261-ready[data-ax261-mode="motion"] .ax260-line.data,.ax261-ready[data-ax261-mode="motion"] .ax260-line.hv{stroke-dasharray:8 7;animation:ax261Flow 1.05s linear infinite}
.ax261-motion-orbit{position:absolute;translate:-50% -50%;width:58px;height:58px;border:1px dashed color-mix(in srgb,var(--ax260-accent,var(--ax261-hot)) 70%,#fff);border-radius:50%;pointer-events:none;opacity:0}.ax261-ready[data-ax261-mode="motion"] .ax261-motion-orbit{opacity:.85;animation:ax261Spin 2.2s linear infinite}.ax261-motion-orbit:after{content:"";position:absolute;top:-3px;left:26px;width:6px;height:6px;border-radius:50%;background:var(--ax260-accent,var(--ax261-hot));box-shadow:0 0 10px currentColor}
.ax261-inspector{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:0;border-top:1px solid #2c4a52;background:linear-gradient(180deg,#071b22,#06151a)}
.ax261-detail{padding:12px 14px;min-width:0}.ax261-eyebrow{display:flex;gap:8px;align-items:center;color:var(--ax260-accent,var(--ax261-hot));font:900 8px/1 var(--ax-font-tech,ui-monospace,monospace);letter-spacing:.09em;text-transform:uppercase}.ax261-eyebrow b{display:grid;place-items:center;min-width:20px;height:20px;border:1px solid currentColor;border-radius:50%;font-size:8px}.ax261-detail h3{margin:7px 0 3px;color:#f3f8f9;font:850 15px/1.15 system-ui,sans-serif}.ax261-detail p{margin:0;color:#91a8ae;font:650 10px/1.48 system-ui,sans-serif;max-width:78ch}
.ax261-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}.ax261-detail-card{padding:8px 9px;border:1px solid #2e4e56;border-radius:6px;background:#092029}.ax261-detail-card small{display:block;color:#6f8f97;font:850 7px/1 var(--ax-font-tech,ui-monospace,monospace);letter-spacing:.08em;text-transform:uppercase}.ax261-detail-card strong{display:block;margin-top:5px;color:#e8f3f4;font:750 9px/1.35 system-ui,sans-serif}
.ax261-side{padding:12px;border-left:1px solid #2c4a52;background:#081b21}.ax261-side-label{color:#6f8f97;font:900 7px/1 var(--ax-font-tech,ui-monospace,monospace);letter-spacing:.09em;text-transform:uppercase}.ax261-stack{display:grid;gap:4px;margin-top:7px}.ax261-layer{position:relative;padding:7px 8px 7px 24px;border:1px solid #2d4b53;border-radius:5px;background:#0a2229;color:#b9c9cd;font:750 8px/1.25 system-ui,sans-serif}.ax261-layer:before{content:"";position:absolute;left:9px;top:50%;translate:0 -50%;width:6px;height:6px;border:1px solid var(--ax260-accent,var(--ax261-hot));border-radius:50%}.ax261-layer+ .ax261-layer:after{content:"";position:absolute;left:12px;top:-5px;height:5px;border-left:1px dashed #55727a}
.ax261-bridge{display:flex;gap:7px;margin-top:10px}.ax261-bridge button{flex:1;appearance:none;border:1px solid #3d6069;border-radius:5px;background:#0b252d;color:#d9e7e9;padding:8px 9px;font:850 8px/1 var(--ax-font-tech,ui-monospace,monospace);letter-spacing:.055em;text-transform:uppercase;cursor:pointer}.ax261-bridge button:first-child{border-color:var(--ax260-accent,var(--ax261-hot));background:color-mix(in srgb,var(--ax260-accent,var(--ax261-hot)) 11%,#0b252d)}.ax261-bridge button:hover,.ax261-bridge button:focus-visible{outline:none;filter:brightness(1.14)}
.ax261-status{display:flex;align-items:center;gap:6px;margin-top:8px;color:#728e95;font:800 7px/1.2 var(--ax-font-tech,ui-monospace,monospace);letter-spacing:.05em;text-transform:uppercase}.ax261-status i{width:7px;height:7px;border-radius:50%;background:var(--ax261-good);box-shadow:0 0 8px rgba(105,202,138,.45)}
.ax261-ready[data-ax261-mode="fault"] .ax261-eyebrow,.ax261-ready[data-ax261-mode="fault"] .ax261-detail-card small{color:var(--ax261-fault)}.ax261-ready[data-ax261-mode="test"] .ax261-eyebrow,.ax261-ready[data-ax261-mode="test"] .ax261-detail-card small{color:var(--ax261-test)}
.ax261-work-highlight{outline:2px solid var(--ax-course,#f2a43a)!important;outline-offset:4px;animation:ax261WorkFlash .8s ease 2}
@keyframes ax261Flow{to{stroke-dashoffset:-30}}@keyframes ax261Spin{to{rotate:360deg}}@keyframes ax261FaultPulse{50%{scale:1.13;box-shadow:0 0 0 7px rgba(236,111,102,.08),0 0 26px rgba(236,111,102,.55)}}@keyframes ax261WorkFlash{50%{outline-color:#fff}}
@media(max-width:820px){.ax260-head{flex-wrap:wrap}.ax261-tools{width:100%;margin-left:0}.ax261-inspector{grid-template-columns:1fr}.ax261-side{border-left:0;border-top:1px solid #2c4a52}.ax261-detail-grid{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:560px){.ax261-tool{flex:1 1 calc(50% - 5px);text-align:center}.ax261-hotspots{inset:4px}.ax261-hotspot{width:25px;height:25px}.ax261-hotspot:after{display:none}.ax261-detail-grid{grid-template-columns:1fr}.ax261-bridge{flex-direction:column}.ax261-motion-orbit{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.ax261-ready *{animation-duration:.001ms!important;animation-iteration-count:1!important}}
@media print{.ax261-tools,.ax261-hotspots,.ax261-motion-orbit,.ax261-bridge{display:none!important}.ax261-inspector{grid-template-columns:1fr;background:#fff}.ax261-detail h3,.ax261-detail-card strong{color:#172a33}.ax261-detail p,.ax261-layer{color:#445d65}.ax261-side,.ax261-detail,.ax261-layer,.ax261-detail-card{background:#fff}}