/* HYDRACRO ACADEMY — detailed guided lessons, compatible with dark terminal themes. */
.course-depth-section { margin:26px 0 24px;scroll-margin-top:92px; }
.course-depth-section > h3 { font-size:13px;letter-spacing:.055em;line-height:1.5;color:var(--accent);margin:0 0 14px; }
.course-two-col {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.course-depth-panel {background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:17px 19px;min-width:0}
.course-depth-panel h4 {margin:0 0 7px;font-size:11px;line-height:1.5;font-weight:800;letter-spacing:.06em;color:var(--accent)}
.course-depth-panel h4:not(:first-child) {margin-top:15px}
.course-depth-panel p {font:13px/1.85 system-ui,sans-serif;color:var(--text);margin:0}
.course-first-lesson {font-size:12px;color:var(--muted)}
.course-prereq {display:flex;min-height:43px;align-items:center;max-width:100%}
.course-prereq button {text-align:left;white-space:normal;overflow-wrap:anywhere;font-size:11px;line-height:1.55}
.course-deep-steps {display:grid;gap:11px}
.course-deep-steps article {border-left:3px solid var(--accent);background:var(--surface2);border-radius:0 10px 10px 0;padding:14px 17px}
.course-deep-steps article span {font:700 11px/1.5 ui-monospace,monospace;color:var(--accent);letter-spacing:.07em}
.course-deep-steps article p {margin:8px 0 0;font:13px/1.8 system-ui,sans-serif;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}
.course-depth-hint {font:12px/1.75 system-ui,sans-serif;color:var(--muted);margin:10px 0}
.course-api-wrap {overflow-x:auto;max-width:100%;border:1px solid var(--border);border-radius:10px}
.course-api-table {border-collapse:collapse;width:100%;min-width:850px;background:var(--side)}
.course-api-table thead {background:var(--surface2)}
.course-api-table th {position:sticky;top:0;background:var(--surface2);color:var(--accent);padding:12px 10px;text-align:left;vertical-align:top;font:700 11px/1.55 ui-monospace,monospace}
.course-api-table td {border-top:1px solid var(--border);padding:12px 10px;vertical-align:top;color:var(--text);font:12px/1.75 system-ui,sans-serif}
.course-api-table td code {font:12px/1.7 ui-monospace,monospace;color:var(--accent);overflow-wrap:anywhere}
.course-practice-list {counter-reset:mastery;padding-left:23px;display:grid;gap:10px}
.course-practice-list li {padding:10px 12px 10px 3px;font:13px/1.83 system-ui,sans-serif;color:var(--text)}
.course-practice-list li::marker {color:var(--accent);font-family:ui-monospace,monospace;font-weight:700}
.course-practice-list b {color:var(--accent)}
.course-code-lab {margin-top:14px;border-radius:12px;padding:17px;background:var(--surface2);border:1px solid var(--border)}
.course-lab-top {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.course-lab-top strong {color:var(--accent);font-size:12px;letter-spacing:.04em}
.course-code-lab p {font:12px/1.7 system-ui,sans-serif;margin:11px 0 5px;color:var(--muted)}
.course-code-lab pre {background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px;overflow:auto;font-size:12px;white-space:pre-wrap;color:var(--text)}
@media(max-width:700px) {
 .course-two-col {grid-template-columns:1fr}
 .course-depth-panel {padding:15px}
 .course-api-table {min-width:770px}
 .course-api-table td,.course-api-table th {padding:9px}
}