/* Original teaching drawings inside Rigprobe's existing case/Academy components. */
.da-page * { min-width: 0; box-sizing: border-box; }
.tt-compact { border-block: 1px solid var(--line); padding: 10px 0; margin: 16px 0; }
.tt-compact-row { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; }
.tt-compact-clock { font: 600 .95rem var(--mono); }
.tt-compact-row > details { font-size: .875rem; }
.tt-compact-row > details[open] { flex-basis: 100%; }
.tt-compact-sync { font-size: .8rem; color: var(--text-2); margin: 6px 0 0; }
.tt-compact .tt-card { margin: 8px 0; }
.da-page .da-goal { color: var(--text-2); max-width: 70ch; }
.da-return { padding: 12px 0; border-block: 1px solid var(--line); font-weight: 600; overflow-wrap: anywhere; }
.da-page :is(p,li) { overflow-wrap: anywhere; }
.da-workspace { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 28px; align-items: start; scroll-margin-top: 10rem; }
.da-inspect { padding: 20px; }
.da-inspect h2 { font: 600 1.1rem/1.4 var(--font); margin: 0 0 12px; }
.da-complaint { font-size: 1.1rem; }
.da-tabs { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 0; border-block: 1px solid var(--line); margin: 16px 0; }
.da-tabs .btn { flex: 1 1 6rem; min-height: 44px; }
.da-page .da-tabs .btn[aria-pressed=true], .da-page .da-tabs .btn[aria-pressed=true]:hover { background: var(--text); color: var(--bg); border-color: var(--text); }
.da-drawing svg { width: 100%; height: auto; display: block; }
.da-wire { stroke: var(--text-2); stroke-width: 2; }
.da-node { stroke: var(--text); stroke-width: 2; }
.da-node-disc { fill: var(--surface); }
.da-node.selected .da-node-disc { fill: var(--primary-tint); stroke: var(--primary); stroke-width: 3; }
.da-symbol-text, .da-point-label { fill: var(--text); stroke: none; font: 600 16px var(--mono); }
.da-point-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.da-point-list .btn { text-align: left; justify-content: start; min-height: 44px; font-size: .875rem; }
.da-instrument { display: grid; gap: 12px; }
.da-instrument label, .da-inspect > label { display: grid; gap: 6px; font-size: .95rem; }
.da-instrument select, .da-inspect select { width: 100%; min-height: 44px; white-space: normal; }
.da-inspect > .btn { margin-top: 16px; }
.da-readout { display: block; padding: 16px 0 4px; font: 600 2rem/1.3 var(--mono); font-variant-numeric: tabular-nums; }
.da-point-reference { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 8px 16px; }
.da-point-reference dd { margin: 0; }
.da-stages { display: flex; flex-wrap: wrap; gap: 8px 20px; padding: 0; list-style-position: inside; color: var(--text-2); }
.da-stages .done { color: var(--green); }
.da-decide h2 { font-size: 1.6rem; }
.da-decide .choice-btn { width: 100%; text-align: left; justify-content: start; margin: 8px 0; min-height: 48px; white-space: normal; line-height: 1.4; }
.da-small { color: var(--text-2); font-size: .875rem; }
.da-coach { margin: 24px 0; padding: 16px 0; border-block: 1px solid var(--line); }
.da-coach p { margin: 4px 0; }
.da-evidence { padding: 20px; margin: 24px 0; }
.da-evidence li { margin: 12px 0; }
.da-evidence li p { margin: 4px 0; }
.da-result { border-left: 3px solid var(--primary); padding: 0 16px; margin: 24px 0; }
.da-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0; }
.da-help textarea { display: block; width: 100%; min-height: 100px; margin: 12px 0; }
.da-saved { margin-bottom: 16px; }
.da-saved label { display: grid; gap: 8px; }
.da-saved select { max-width: 100%; width: 100%; min-height: 44px; }
.acad-expansion-scope { margin: 12px 0; overflow-wrap: anywhere; }
.acad-expansion-scope summary { min-height: 44px; cursor: pointer; padding: 10px 0; }
.acad-practice-links { margin: 24px 0; }
.acad-practice-links .btn { min-height: 44px; white-space: normal; margin: 4px 8px 4px 0; max-width: 100%; overflow-wrap: anywhere; }
.acad-lesson :is(.acad-player,.acad-stage,.acad-stage-in,.acad-v,.acad-table-wrap) { min-width: 0; max-width: 100%; }
.acad-lesson .acad-table { table-layout: fixed; }
.acad-lesson .acad-table :is(th,td) { overflow-wrap: anywhere; }
@media(max-width:480px) {
 .acad-lesson[data-curriculum="expansion"] .acad-table, .acad-lesson[data-curriculum="expansion"] .acad-table tbody, .acad-lesson[data-curriculum="expansion"] .acad-table tr, .acad-lesson[data-curriculum="expansion"] .acad-table :is(th,td) { display: block; width: 100%; }
 .acad-lesson[data-curriculum="expansion"] .acad-table thead { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
 .acad-lesson[data-curriculum="expansion"] .acad-table tr { padding: 10px 0; border-bottom: 1px solid var(--line); }
 .acad-lesson[data-curriculum="expansion"] .acad-table :is(th,td) { border: 0; padding: 6px 10px; }
 .acad-lesson[data-curriculum="expansion"] .acad-table td[data-label]:not([data-label=""])::before { content: attr(data-label); display: block; font: 600 .8rem/1.4 var(--font); color: var(--text-3); margin-bottom: 4px; }
}
@media(max-width:760px) {
 .acad-lesson[data-curriculum="expansion"] :is(.acad-caption,.acad-controls) { position: static; bottom: auto; z-index: auto; margin: 12px 0 0; }
 .acad-lesson[data-curriculum="expansion"] .acad-caption { padding: 8px 0; }
 .acad-lesson[data-curriculum="expansion"] .acad-caption::before { content: none; }
 .acad-lesson[data-curriculum="expansion"] .acad-controls { flex-wrap: wrap; padding: 8px 0; }
 .acad-lesson[data-curriculum="expansion"] .acad-stage { scroll-margin-top: 10rem; }
}
.cx-page :is(p,q,dd,dt,li,.cx-no-h,.wo-no) { overflow-wrap: anywhere; min-width: 0; white-space: normal; }
.cx-page .cx-meta, .cx-page .wo-top { flex-wrap: wrap; }
@media(max-width:760px) { .cx-page .wo-unit { grid-template-columns: minmax(0,1fr); } .cx-page .wo-unit dd { margin: 0 0 12px; } }
.da-page summary { cursor: pointer; min-height: 44px; padding: 12px 0; font-weight: 600; }
.da-page :is(button,a,summary) { overflow-wrap: anywhere; }
.da-page .btn { min-height: 44px; white-space: normal; }
body:has(.da-page, .acad-lesson, .cx-page) .topbar-inner, body:has(.da-page, .acad-lesson, .cx-page) .topbar-tools { flex-wrap: wrap; min-width: 0; max-width: 100%; }
body:has(.da-page, .acad-lesson, .cx-page) .acct-btn { height: auto; min-height: 44px; white-space: normal; }
@media(max-width: 850px) { .da-workspace { grid-template-columns: minmax(0,1fr); } .da-decide { border-top: 2px solid var(--text); padding-top: 16px; } }
@media(max-width: 760px) {
 .da-tabs { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,7.5rem),1fr)); }
 .da-page .da-tabs .btn { overflow-wrap: normal; word-break: normal; }
 .da-inspect,.da-evidence { padding: 16px; } .da-point-list { grid-template-columns: minmax(0,1fr); }
 body:has(.da-page, .acad-lesson, .cx-page) .foot-cols { grid-template-columns: minmax(0,1fr); }
 body:has(.da-page, .acad-lesson, .cx-page) .foot :is(a,p,b,span) { overflow-wrap: anywhere; min-width: 0; }
 body:has(.da-page, .acad-lesson, .cx-page) .nav { display: flex; justify-content: start; overflow-x: auto; gap: 0; max-width: 100%; }
 body:has(.da-page, .acad-lesson, .cx-page) .nav > a { flex: 1 0 4rem; min-width: 4rem; white-space: normal; }
 body:has(.da-page, .acad-lesson, .cx-page) .nav-label { white-space: normal; }
}
@media(prefers-reduced-motion:reduce) { .da-page * { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }