/* Autonatomy v257 — Course Identity & Enter-n-Action Component System
   Additive visual layer. No curriculum/progress behavior is replaced. */
:root{
  --ax-live:#2fc4cf;--ax-command:#f2a43a;--ax-good:#67c98b;--ax-warn:#f0c45a;--ax-fault:#ee6b63;
  --ax-hyd:#5ec1de;--ax-apply:#f3a542;--ax-exhaust:#8198a2;--ax-mech:#d7e7ea;
  --ax-grid:rgba(255,255,255,.035);--ax-glow:0 0 18px color-mix(in srgb,var(--ax-course,#2fc4cf),transparent 78%);
}

/* ---------- Course identity language ---------- */
.ax-course-emblem{width:38px;height:38px;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--ax-card-course,var(--ax-course,#2fc4cf)),white 16%);border-radius:9px;background:linear-gradient(145deg,#0a222c,#102f39);color:var(--ax-card-course,var(--ax-course,#2fc4cf));box-shadow:inset 0 1px rgba(255,255,255,.05),var(--ax-glow)}
.ax-course-emblem svg{width:25px;height:25px;display:block;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.ax-course-emblem.ax-course-emblem-mini{width:30px;height:30px;border-radius:7px}.ax-course-emblem-mini svg{width:19px;height:19px}
.ax-course-family{display:inline-flex;align-items:center;gap:6px;margin-top:3px;color:#789098;font:850 9px/1.2 var(--ax-font-tech,monospace);letter-spacing:.1em;text-transform:uppercase}
.ax-course-family:before{content:"";width:18px;height:2px;background:var(--ax-course,var(--ax-card-course,#2fc4cf));box-shadow:0 0 10px color-mix(in srgb,var(--ax-course,#2fc4cf),transparent 40%)}
.ax-course-tile{padding-right:48px!important}.ax-course-tile>.ax-course-emblem{position:absolute;right:9px;top:10px;width:30px;height:30px;background:#0a222c;border-color:color-mix(in srgb,var(--tile),white 18%);color:var(--tile)}.ax-course-tile>.ax-course-emblem svg{width:19px;height:19px}
.catalog-card[data-course] .catalog-banner{position:relative;padding-right:62px!important}.catalog-card[data-course] .catalog-banner>.ax-course-emblem{position:absolute;right:17px;top:50%;transform:translateY(-50%);width:37px;height:37px;color:var(--ax-card-course);border-color:color-mix(in srgb,var(--ax-card-course),white 20%)}
.catalog-card[data-course] .catalog-banner>b[aria-hidden="true"]{display:none}
.ax-shell-context{display:flex!important;align-items:center;gap:10px}.ax-shell-context-copy{min-width:0}.ax-shell-context .ax-course-family{display:flex}
body.ax-module-page>.hero .ax-hero-course-id,body.ax-module-page>header:not(.ax-shellbar) .ax-hero-course-id{display:flex;align-items:center;gap:12px;margin:0 0 12px}
body.ax-module-page>.hero .ax-hero-course-id .ax-course-family,body.ax-module-page>header:not(.ax-shellbar) .ax-hero-course-id .ax-course-family{color:#b5cad0}
.v85-player-hero .ax-player-identity{display:flex;align-items:center;gap:12px;margin-bottom:14px}.v85-player-hero .ax-player-identity .ax-course-family{color:#b9ccd2}

/* ---------- Instrument grammar ---------- */
/* v257 owns the Enter-n-Action label through the instrument header. */
body.ax-module-page .ax-enter-action:before{display:none!important;content:none!important}

.ax-instrument-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-2px 0 17px;padding:9px 11px;border:1px solid #365761;border-radius:7px;background:#071a22;color:#d9e9eb;font:800 10px/1.2 var(--ax-font-tech,monospace);letter-spacing:.09em;text-transform:uppercase}
.ax-instrument-header .ax-ih-left{display:flex;align-items:center;gap:8px}.ax-instrument-header .ax-ih-symbol{display:grid;place-items:center;width:22px;height:22px;border-radius:5px;background:color-mix(in srgb,var(--ax-course,#2fc4cf),transparent 82%);color:var(--ax-course,#2fc4cf);font-size:13px}.ax-instrument-header .ax-ih-state{display:flex;align-items:center;gap:6px;color:#8fa8af;font-size:9px}.ax-instrument-header .ax-ih-state:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ax-good);box-shadow:0 0 10px rgba(103,201,139,.7)}
.ax-enter-action[data-ax-mode="waveform"] .ax-instrument-header .ax-ih-symbol:before{content:"∿"}.ax-enter-action[data-ax-mode="electrical"] .ax-instrument-header .ax-ih-symbol:before{content:"⚡"}.ax-enter-action[data-ax-mode="hydraulic"] .ax-instrument-header .ax-ih-symbol:before{content:"↝"}.ax-enter-action[data-ax-mode="powerflow"] .ax-instrument-header .ax-ih-symbol:before{content:"◎"}.ax-enter-action[data-ax-mode="control"] .ax-instrument-header .ax-ih-symbol:before{content:"▦"}.ax-enter-action[data-ax-mode="scandata"] .ax-instrument-header .ax-ih-symbol:before{content:"⌁"}.ax-enter-action[data-ax-mode="diagnostic"] .ax-instrument-header .ax-ih-symbol:before{content:"◇"}
.ax-enter-action[data-ax-mode="hydraulic"]{--ax-live:var(--ax-hyd)}
.ax-enter-action[data-ax-mode="powerflow"]{--ax-live:#e5a23b}
.ax-enter-action[data-ax-mode="scandata"]{--ax-live:#58d1c5}
.ax-enter-action[data-ax-mode="waveform"]{--ax-live:#73ddc4}

/* Readout boards */
.ax-readout-board{display:grid!important;gap:9px!important;border:1px solid #2e515c!important;border-radius:9px!important;background:linear-gradient(180deg,#061a22,#092630)!important;padding:11px!important;box-shadow:inset 0 1px rgba(255,255,255,.035)!important}
.ax-readout-board.ax-readout-board-compact{padding:8px!important}.ax-inline-readouts{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;margin-top:10px!important}.ax-inline-readouts>.ax-readout{margin:0!important}
.ax-readout{position:relative!important;min-width:0!important;border:1px solid #345660!important;border-radius:7px!important;background:linear-gradient(180deg,#0a2630,#071c24)!important;padding:11px!important;color:#dcebed!important;box-shadow:inset 0 1px rgba(255,255,255,.03)!important}
.ax-readout:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--ax-live);box-shadow:0 0 10px color-mix(in srgb,var(--ax-live),transparent 35%)}
.ax-readout .small,.ax-readout small,.ax-readout>span:first-child{color:#8ea7ae!important;font:750 10px/1.25 var(--ax-font-tech,monospace)!important;letter-spacing:.045em;text-transform:uppercase}
.ax-readout .big,.ax-readout>b,.ax-readout .metric{color:#f0f8f9!important;font-family:var(--ax-font-tech,monospace)!important;font-variant-numeric:tabular-nums;letter-spacing:-.045em;text-shadow:0 0 12px color-mix(in srgb,var(--ax-live),transparent 65%)}
.ax-readout[data-ax-state="good"]:before{background:var(--ax-good)}.ax-readout[data-ax-state="warn"]:before{background:var(--ax-warn)}.ax-readout[data-ax-state="fault"]:before{background:var(--ax-fault)}

/* Scan-data console */
.ax-enter-action[data-ax-mode="scandata"] .grid>label,.ax-enter-action[data-ax-mode="diagnostic"] .grid>label{position:relative;background:#0a242d;border:1px solid #31515a;border-radius:7px;padding:10px 10px 11px;color:#a8c0c5!important;font:750 10px/1.35 var(--ax-font-tech,monospace)!important;letter-spacing:.035em;text-transform:uppercase}
.ax-enter-action[data-ax-mode="scandata"] .grid>label input,.ax-enter-action[data-ax-mode="scandata"] .grid>label select{margin-top:6px!important;font-variant-numeric:tabular-nums}
.ax-enter-action[data-ax-mode="scandata"] .ax-readout-board:before{content:"PID MONITOR / COMMAND ↔ RESPONSE";grid-column:1/-1;color:#77a2aa;font:850 9px/1 var(--ax-font-tech,monospace);letter-spacing:.1em;padding:2px 2px 5px}

/* Waveform / scope language */
.ax-trace-panel{position:relative!important;overflow:hidden!important;border:1px solid #3b5f68!important;border-radius:8px!important;background-color:#071c25!important;background-image:linear-gradient(rgba(47,196,207,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(47,196,207,.07) 1px,transparent 1px)!important;background-size:22px 22px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 12px 28px rgba(0,0,0,.12)!important}
canvas.ax-trace-panel,svg.ax-trace-panel{padding:5px!important}
.ax-trace-wrap{position:relative}.ax-trace-wrap:before{content:"SCOPE / SIGNAL VIEW";position:absolute;left:8px;top:7px;z-index:3;color:#83aeb5;font:850 8px/1 var(--ax-font-tech,monospace);letter-spacing:.12em;pointer-events:none}.ax-trace-wrap:after{content:"LIVE";position:absolute;right:8px;top:7px;z-index:3;color:var(--ax-good);font:900 8px/1 var(--ax-font-tech,monospace);letter-spacing:.1em;pointer-events:none}

/* Fault injection controls */
.ax-fault-field{position:relative!important;border:1px solid #584f38!important;background:linear-gradient(180deg,#251f14,#161815)!important;border-radius:7px!important;padding:10px!important;color:#f0d797!important}
.ax-fault-field:before{content:"FAULT INJECTION";display:block;margin:0 0 6px;color:var(--ax-warn);font:900 8px/1 var(--ax-font-tech,monospace);letter-spacing:.11em}
.ax-fault-field select,.ax-fault-field input{border-color:#6b5e3e!important}

/* Evidence / cases / assessment */
.ax-evidence-console{position:relative!important;border-left:3px solid var(--ax-teal)!important}.ax-evidence-console:before{content:"EVIDENCE → REASON → DECISION";display:inline-flex;margin:0 0 10px;padding:5px 7px;border-radius:4px;background:#dcefed;color:#155c61;font:900 8px/1 var(--ax-font-tech,monospace);letter-spacing:.1em}
.ax-assessment-console{position:relative!important}.ax-assessment-console:before{content:"KNOWLEDGE CHECK / VERIFICATION";display:inline-flex;margin:0 0 10px;padding:5px 7px;border-radius:4px;background:#f5e8d1;color:#795117;font:900 8px/1 var(--ax-font-tech,monospace);letter-spacing:.1em}
.ax-event-log{background:#061820!important;border:1px solid #2d4b55!important;border-radius:7px!important;color:#b9cdd1!important;font-family:var(--ax-font-tech,monospace)!important;font-size:11px!important;line-height:1.55!important}
.ax-sequence-console{counter-reset:axstep}.ax-sequence-console>button{position:relative;padding-left:39px!important}.ax-sequence-console>button:before{counter-increment:axstep;content:counter(axstep,decimal-leading-zero);position:absolute;left:9px;top:50%;transform:translateY(-50%);color:#769099;font:850 9px/1 var(--ax-font-tech,monospace)}
.ax-sequence-console>button.done:before{color:var(--ax-good)}

/* Course 11 hydraulic / control / power-flow visual language */
body[data-course="11"] .ax-hydraulic-map,body[data-course="11"] .ax-powerflow-map,body[data-course="11"] .ax-control-map{position:relative!important;border:1px solid #395761!important;border-radius:9px!important;background:radial-gradient(circle at 50% 40%,rgba(229,162,59,.07),transparent 42%),linear-gradient(180deg,#071c24,#0a2630)!important;box-shadow:inset 0 1px rgba(255,255,255,.035)!important}
body[data-course="11"] .ax-hydraulic-map:before,body[data-course="11"] .ax-powerflow-map:before,body[data-course="11"] .ax-control-map:before{position:absolute;left:9px;top:8px;z-index:2;padding:4px 6px;border-radius:4px;background:#071820;color:#8eabb1;font:900 8px/1 var(--ax-font-tech,monospace);letter-spacing:.1em}
body[data-course="11"] .ax-hydraulic-map:before{content:"HYDRAULIC FLOW MODEL"}body[data-course="11"] .ax-powerflow-map:before{content:"PLANETARY POWER-FLOW MODEL"}body[data-course="11"] .ax-control-map:before{content:"SOLENOID / VALVE CONTROL MODEL"}
body[data-course="11"] .diagram .flow,body[data-course="11"] .diagram .route{filter:drop-shadow(0 0 4px rgba(94,193,222,.22))}
body[data-course="11"] .diagram .flow.on,body[data-course="11"] .diagram .route.on{filter:drop-shadow(0 0 6px rgba(242,164,58,.5))}
body[data-course="11"] .diagram .node,body[data-course="11"] .diagram .block{box-shadow:inset 0 1px rgba(255,255,255,.06),0 4px 13px rgba(0,0,0,.12)!important}
body[data-course="11"] .gearviz{padding-top:28px!important}
.ax-flow-legend{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 0;padding:8px 9px;border-radius:7px;background:#061820;border:1px solid #294750;color:#8da5ab;font:750 9px/1.2 var(--ax-font-tech,monospace);letter-spacing:.05em}.ax-flow-legend span{display:flex;align-items:center;gap:5px}.ax-flow-legend i{display:inline-block;width:18px;height:3px;border-radius:8px;background:var(--ax-hyd)}.ax-flow-legend .apply i{background:var(--ax-apply)}.ax-flow-legend .exhaust i{background:var(--ax-exhaust)}.ax-flow-legend .mechanical i{background:var(--ax-mech)}

/* Ratios / pressure visual meter bars */
.ax-meter-bar{height:8px!important;border-radius:99px!important;background:#142f38!important;border:1px solid #2c4d57!important;overflow:hidden!important}.ax-meter-bar>*{height:100%!important;background:linear-gradient(90deg,var(--ax-good),var(--ax-warn),var(--ax-fault))!important;box-shadow:0 0 12px color-mix(in srgb,var(--ax-course),transparent 50%)}

/* Compact component tags */
.ax-component-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 6px;border:1px solid #37545d;border-radius:4px;background:#081c24;color:#87a5ac;font:850 8px/1 var(--ax-font-tech,monospace);letter-spacing:.09em;text-transform:uppercase}
.ax-component-tag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ax-live);box-shadow:0 0 8px color-mix(in srgb,var(--ax-live),transparent 30%)}

/* Reduce motion / mobile */
@media(max-width:760px){.ax-course-tile>.ax-course-emblem{width:27px;height:27px;right:7px}.ax-instrument-header{align-items:flex-start;flex-direction:column}.ax-instrument-header .ax-ih-state{align-self:flex-start}.ax-readout-board{grid-template-columns:1fr 1fr!important}.ax-shell-context .ax-course-emblem{display:none}.ax-shell-context{gap:0}.ax-flow-legend{gap:7px}}
@media(max-width:470px){.ax-readout-board{grid-template-columns:1fr!important}.catalog-card[data-course] .catalog-banner>.ax-course-emblem{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.ax-readout,.ax-course-emblem{transition:none!important}}

/* v257 mobile containment: supersedes the older edge-bleed end-navigation rule. */
@media(max-width:620px){
  body.ax-module-page .ax-endnav{margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important;border-radius:10px!important}
}
