body[data-page="concepts"] .course-topbar{flex-basis:42px;background:#ffffff;border:1px solid #cbd5e1;border-left:3px solid #0f172a;border-radius:6px;padding:5px 14px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
body[data-page="concepts"] .course-topbar h1{font-size:21px!important;color:#0f172a!important;letter-spacing:.01em}
body[data-page="concepts"] .course-page{gap:10px;padding:10px 16px!important;background:#f1f5f9!important}
body[data-page="concepts"] .concept-grid{grid-template-columns:minmax(0,2.35fr) minmax(256px,1fr);gap:12px}
body[data-page="concepts"] .concept-main{grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:12px}
body[data-page="concepts"] .concept-side{grid-template-rows:minmax(0,1.12fr) minmax(0,1fr);gap:12px}

/* Precision CAD / Avionics Instrument Card System (White-Ground High-Tech) */
html body[data-page="concepts"] .course-card{border-radius:6px!important;box-shadow:0 1px 3px rgba(15,23,42,.05)!important;transition:box-shadow .2s ease,border-color .2s ease}

/* 1. Top-Left Loop Card: CAD Schematic Grid + Carbon-Navy Top Instrument Bar */
html body[data-page="concepts"] .loop-card{
  border:1px solid #cbd5e1!important;
  border-top:2px solid #0f172a!important;
  background-color:#ffffff!important;
  background-image:radial-gradient(#cbd5e1 1px,transparent 1px)!important;
  background-size:16px 16px!important;
  padding:10px 14px!important;
}
html body[data-page="concepts"] .loop-card>h2{color:#0f172a!important;background:transparent!important;border:0!important;border-bottom:1px solid #e2e8f0!important;border-radius:0!important;padding:0 0 6px 0!important;display:flex;align-items:center;width:100%}

/* 2. Bottom-Left Response Card: Telemetry Cyan Top Instrument Bar */
html body[data-page="concepts"] .response-card{border:1px solid #cbd5e1!important;border-top:2px solid #0284c7!important;background:#ffffff!important;padding:10px 14px!important}
html body[data-page="concepts"] .response-card .course-card-title{background:transparent!important;border:0!important;border-bottom:1px solid #e2e8f0!important;border-radius:0!important;padding:0 0 6px 0!important;margin-bottom:4px}
html body[data-page="concepts"] .response-card .course-card-title h2{color:#0f172a!important}
html body[data-page="concepts"] .response-card .legend{color:#334155!important;font-weight:500}
html body[data-page="concepts"] .response-card .legend-line.gray{border-color:#64748b!important}

/* 3. Top-Right 3D Fan Plant Card: Telemetry Cyan Instrument Bay */
html body[data-page="concepts"] .rotor-card{border:1px solid #cbd5e1!important;border-top:2px solid #0284c7!important;background:#ffffff!important;padding:10px 12px!important;gap:6px}
html body[data-page="concepts"] #conceptObjectTitle{background:transparent!important;color:#0f172a!important;border:0!important;border-bottom:1px solid #e2e8f0!important;border-radius:0!important;padding:0 0 6px 0!important}
#conceptFanView{width:100%;height:100%;border:1px solid #cbd5e1;border-radius:5px;min-height:0;flex:1;display:block;background:#f8fafc}
html body[data-page="concepts"] .rotor-reading{background:#f8fafc!important;border:0!important;border-left:3px solid #0284c7!important;border-radius:2px;padding:4px 10px;justify-content:space-between;font-variant-numeric:tabular-nums}
html body[data-page="concepts"] .rotor-reading span{color:#334155!important;font-weight:500}
html body[data-page="concepts"] .rotor-reading strong{font-size:23px!important;color:#0284c7!important;font-weight:600;font-variant-numeric:tabular-nums}

/* 4. Bottom-Right Signal Card: Digital Telemetry Readout Array */
html body[data-page="concepts"] .signal-card{border:1px solid #cbd5e1!important;border-top:2px solid #0f172a!important;background:#ffffff!important;padding:10px 14px!important;gap:6px}
html body[data-page="concepts"] .signal-card>div{font-size:14px;gap:8px;background:#f8fafc;border:0;border-left:3px solid #0284c7;border-radius:2px;padding:4px 10px;color:#334155;font-variant-numeric:tabular-nums}
html body[data-page="concepts"] .signal-card>div>span{color:#334155!important;font-weight:500}
html body[data-page="concepts"] .signal-card strong{font-size:18px!important;color:#0f172a!important;font-weight:600;font-variant-numeric:tabular-nums}
html body[data-page="concepts"] .signal-card p#conceptStatus{line-height:1.45;font-size:13px;background:transparent!important;border:0!important;border-top:1px dashed #cbd5e1!important;border-radius:0!important;padding:6px 2px 0!important;color:#475569!important;font-weight:500;text-align:left}

/* Block Diagram SVG Precision CAD Styling */
.concept-loop-v14{color:#0f172a}
.concept-blocks{stroke:#0f172a;stroke-width:1.8}
.concept-wires{stroke:#334155;stroke-width:2}
.concept-svg-label{height:100%;display:flex;align-items:center;justify-content:center;gap:6px;line-height:1.4;color:#0f172a;font:24px var(--course-font)}
.concept-svg-label .katex{font-size:1.08em}
.concept-loop-v14.open-loop .feedback-wire{opacity:.18}
html body[data-page="concepts"] .concept-loop-v14{color:#0f172a!important}
html body[data-page="concepts"] .concept-wires{stroke:#334155!important;stroke-width:2!important}
html body[data-page="concepts"] .concept-wires .feedback-wire{stroke:#0284c7!important}
html body[data-page="concepts"] .concept-sum-node,
html body[data-page="concepts"] .concept-ctrl-node,
html body[data-page="concepts"] .concept-sensor-node{fill:#ffffff!important;stroke:#0f172a!important;stroke-width:2!important}
html body[data-page="concepts"] .concept-plant-node{fill:#f8fafc!important;stroke:#0284c7!important;stroke-width:2.2!important}
html body[data-page="concepts"] .concept-flow{fill:#0284c7!important}
html body[data-page="concepts"] .concept-flow [data-flow="4"]{fill:#0f172a!important}

/* Toolbar & Bottom Playbar */
body[data-page="concepts"] .course-toolbar{gap:12px;font-size:14px;color:#0f172a!important}
body[data-page="concepts"] .course-toolbar>label{background:#f8fafc;border:1px solid #cbd5e1;border-radius:5px;padding:3px 9px;color:#0f172a}
body[data-page="concepts"] .course-toolbar>label:first-child{grid-template-columns:auto 95px 88px!important;border-color:#94a3b8;background:#ffffff;color:#0f172a}
body[data-page="concepts"] #conceptReferenceValue{color:#0284c7!important;font-weight:600;font-variant-numeric:tabular-nums}
body[data-page="concepts"] .course-toolbar input[type=range]{width:95px}
body[data-page="concepts"] .course-playbar{flex-basis:40px;background:#ffffff!important;border:1px solid #cbd5e1!important;border-top:2px solid #0f172a!important;border-radius:6px;padding:4px 12px;color:#0f172a!important}
body[data-page="concepts"] .course-playbar output#conceptTimeValue{color:#0284c7!important;background:#f8fafc;border:1px solid #cbd5e1;border-radius:4px;padding:1px 7px;font-weight:600;font-variant-numeric:tabular-nums}
body[data-page="concepts"] .course-playbar .katex{font-size:1em}
body[data-page="concepts"] .legend .katex{font-size:1em}
@media(max-width:1100px){body[data-page="concepts"] .course-topbar{flex-wrap:wrap;flex-basis:auto}body[data-page="concepts"] .course-topbar h1{font-size:19px!important}}