.sensory-map-row { align-items:start; }
.sensory-map { width:100%; }
.sensory-map-help { margin:0 0 8px; color:var(--muted); font-size:.76rem; }
.sensory-finding-choices { display:flex; flex-wrap:wrap; gap:6px; }
.sensory-finding { padding:6px 9px; color:#536a7a; background:#fff; border:1px solid #cbd8df; border-radius:7px; font-size:.76rem; font-weight:750; }
.sensory-finding.active { color:white; background:var(--accent); border-color:var(--accent); }
.body-maps { display:flex; justify-content:center; gap:16px; margin:12px 0 4px; padding:9px; background:#f8fbfc; border:1px solid #e1ebef; border-radius:11px; }
.body-figure { width:min(43%,155px); text-align:center; color:var(--muted); font-size:.72rem; font-weight:800; }
.body-figure svg { display:block; width:100%; height:auto; margin-top:3px; }
.body-outline { fill:#e9f1f4; stroke:#b8cbd3; stroke-width:1.5; }
.sensory-region { cursor:pointer; outline:none; }
.sensory-region rect { fill:transparent; stroke:transparent; stroke-width:2; transition:fill .12s,stroke .12s; }
.sensory-region:hover rect,.sensory-region:focus rect { fill:#d6eef1; stroke:var(--accent); }
.sensory-region.selected rect { fill:#f7bc68; stroke:#b76700; }
.sensory-map-detail { margin-top:6px; font-size:.84rem; }
@media (max-width:520px) { .body-maps { gap:8px; padding:7px; }.body-figure { width:48%; }.sensory-finding { padding:6px 8px; } }
.drawing-view-tabs { display:flex; gap:6px; margin-top:10px; }.drawing-view-tabs button,.drawing-actions button { padding:7px 9px; color:var(--accent-dark); background:#fff; border:1px solid #cbd8df; border-radius:8px; font-size:.75rem; font-weight:750; }.drawing-view-tabs button.active { color:white; background:var(--accent); border-color:var(--accent); }.drawing-stage { display:flex; justify-content:center; margin:8px 0; padding:7px; background:#f8fbfc; border:1px solid #e1ebef; border-radius:11px; }.sensory-draw-canvas { width:min(100%,260px); touch-action:none; user-select:none; }.sensory-draw-canvas .body-outline { pointer-events:all; }.sensory-stroke { fill:none; stroke:#c2511c; stroke-width:3.4; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; }.drawing-actions { display:flex; gap:7px; }.drawing-actions button:last-child { color:#9c3d3d; border-color:#e5bbbb; }
.sensory-modality-tabs { display:flex; gap:6px; margin-bottom:8px; }.sensory-modality { flex:1; padding:8px 9px; color:var(--accent-dark); background:#fff; border:1px solid #cbd8df; border-radius:8px; font-size:.78rem; font-weight:800; }.sensory-modality.active { color:white; background:var(--accent-dark); border-color:var(--accent-dark); }.drawing-stage-dual { justify-content:space-around; gap:12px; padding:10px 8px; }.drawing-stage-dual .sensory-draw-canvas { width:min(46%,250px); }.body-view-label { fill:var(--muted); font:700 7px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; pointer-events:none; }
@media (max-width:520px) { .drawing-stage-dual { gap:5px; padding:7px 3px; }.drawing-stage-dual .sensory-draw-canvas { width:49%; }.sensory-draw-canvas { min-width:0; }.sensory-modality { padding:8px 7px; } }
.exam-template { display:grid; gap:9px; margin:0 0 14px; padding:13px; background:rgba(255,255,255,.72); border:1px solid rgba(205,220,228,.8); border-radius:14px; }.template-helper { margin-top:2px; color:var(--muted); font-size:.77rem; }.template-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }.template-option { min-width:0; padding:8px 7px; text-align:left; color:#536a7a; background:#fff; border:1px solid #cbd8df; border-radius:8px; }.template-option strong,.template-option span { display:block; }.template-option strong { font-size:.76rem; }.template-option span { margin-top:1px; color:var(--muted); font-size:.64rem; line-height:1.2; }.template-option.active { color:white; background:var(--accent); border-color:var(--accent); }.template-option.active span { color:rgba(255,255,255,.82); }
@media (max-width:520px) { .template-options { grid-template-columns:repeat(2,minmax(0,1fr)); }.template-option { min-height:54px; } }
.exam-mode { display:none; }.pathway-screen[hidden] { display:none; } body[data-exam-mode="pathway"] #quick-screen,body[data-exam-mode="pathway"] #section-nav,body[data-exam-mode="pathway"] #progress,body[data-exam-mode="pathway"] #exam-sections { display:none; }.pathway-exam { margin-top:0; }