@media screen {
  .step-heading,.progress-track { display:none; }
  .current-step-card { border:0; padding:0; box-shadow:none; }
  .clinical-workflow .bsava-page { margin-top:12px; }
  .clinical-workflow .bsava-section { scroll-margin-top:70px; }
  .history-quick { margin-top:8px; }
  .history-quick>.canonical-control { max-width:600px; }
  .optional-history { margin-top:12px; padding-top:10px; border-top:1px solid var(--line); }
  .optional-history>summary { min-height:28px; font-size:12px; color:var(--muted); font-weight:500; }
  .optional-history .bsava-section { margin-top:12px; }
  .compact-quality { margin:12px 0; padding:10px 14px; }
  .compact-quality select { min-height:36px; }
  .exam-jumps { display:flex; flex-wrap:wrap; gap:6px; position:sticky; top:0; z-index:5; padding:10px 0; background:var(--bg); border-bottom:1px solid var(--line); }
  .exam-jumps a { padding:5px 9px; border-radius:20px; background:var(--card); color:var(--primary-hover); text-decoration:none; font-size:12px; border:1px solid var(--line); }
  .exam-direct { display:flex; flex-wrap:wrap; gap:3px; padding:0; background:transparent; border:0; box-shadow:none; }
  .exam-direct .seg-option { flex:0 1 auto; width:auto; min-width:28px; min-height:34px; padding:5px 7px; margin:0; border:1px solid var(--line); border-radius:7px; background:var(--bg); color:var(--ink); font-size:12px; font-weight:600; box-shadow:none; }
  .exam-direct .seg-option.selected { background:var(--primary); color:white; border-color:var(--primary); -webkit-text-fill-color:white; }
  .exam-direct .seg-option:focus-visible { outline:2px solid var(--primary-hover); outline-offset:2px; }
  .row-normal { float:right; width:auto; min-height:24px; padding:2px 8px; border-radius:8px; background:var(--primary-soft); color:var(--primary-hover); font-size:11px; box-shadow:none; }
  .clinical-workflow .quality-override summary { font-size:0; min-height:18px; }
  .clinical-workflow .quality-override summary::after { content:'⋯'; font-size:16px; }
  .clinical-workflow .canonical-item { padding:10px 0; }
  .clinical-workflow .canonical-control>label { display:contents; }
  .clinical-additional-exams { padding:16px 0; font-size:14px; }
  .nds-panel details>summary { min-height:28px; font-weight:500; font-size:13px; }
  .nds-panel details label { font-size:13px; margin:12px 0; }
  .app-footer { flex-wrap:wrap; }
  .app-footer .clinical-beta-note { width:100%; text-align:left; }
  @media(max-width:520px){
    .exam-direct .seg-option { min-height:36px; padding:5px 7px; }
    .exam-jumps { position:static; }
    .clinical-workflow .bsava-section { scroll-margin-top:10px; }
    .input-panel { padding:12px; }
  }
}
@media screen {
 .step-heading { display:flex; margin:10px 0 18px; align-items:center; }
 .step-heading h2 { font-size:22px; letter-spacing:-.5px; }
 #stepIndicator { color:var(--muted); font-size:12px; }
 #stepTabs { display:flex; flex-wrap:nowrap; overflow-x:auto; gap:4px; scrollbar-width:thin; padding:8px 0; border-bottom:1px solid var(--line); }
 #stepTabs button { flex:0 0 auto; min-height:42px; background:transparent; color:var(--muted); border:0; border-radius:0; border-bottom:3px solid transparent; box-shadow:none; padding:9px 13px; font-size:13px; }
 #stepTabs button.active { color:var(--primary); border-bottom-color:var(--primary); font-weight:700; }
 .stage-content { animation:clinical-enter .2s ease-out; min-height:230px; }
 .clinical-workflow .bsava-section { margin:0 0 14px; }
 .clinical-workflow .bsava-section h3 { font-size:16px; }
 .step-actions { position:sticky; bottom:0; background:var(--card); z-index:4; padding:12px 0; border-top:1px solid var(--line); }
 .wizard-actions { display:flex; gap:8px; }
 .wizard-actions button { min-width:84px; }
 .clinical-caution { padding:14px 16px; border-radius:12px; background:#fff5df; color:#754c12; margin-bottom:14px; font-size:14px; }
 .clinical-caution p { margin:6px 0; }
 .nds-inline { padding:14px; border-radius:12px; background:var(--bg); margin:12px 0; }
 @keyframes clinical-enter { from { opacity:0; transform:translateX(16px); } to {opacity:1;transform:translateX(0);} }
 @media(prefers-reduced-motion:reduce){ .stage-content { animation:none; } }
 @media(max-width:600px){ #stepTabs button { padding:8px 10px; } .step-actions { gap:8px; } .step-heading h2 {font-size:20px;} }
}
@media screen {
 #stepTabs button { width:auto; }
 #exam-postural .canonical-cells, #exam-reflexes .canonical-cells { grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
 #exam-postural .single-control .canonical-cells, #exam-reflexes .single-control .canonical-cells { grid-template-columns:1fr; }
 @media(max-width:600px){
  #exam-postural .canonical-cells,#exam-reflexes .canonical-cells {grid-template-columns:repeat(2,minmax(0,1fr));}
 }
}
@media screen {
 .stage-content { overflow-y:auto; overscroll-behavior:contain; padding:2px 6px 8px 2px; scrollbar-width:thin; }
 .clinical-workflow .canonical-item { padding:6px 0; margin:6px 0; }
 .clinical-workflow .single-control { display:grid; grid-template-columns:minmax(140px,1fr) 2fr; align-items:center; }
 .clinical-workflow .single-control>legend { display:contents; }
 .clinical-workflow .single-control>.canonical-cells { grid-column:2; }
 @media(max-width:600px){ .clinical-workflow .single-control {display:block;} }
}
@media screen {
 .step-actions.result-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
 .step-actions.result-actions>button,.wizard-actions>button { width:auto; margin:0; padding:9px 15px; min-height:42px; }
 .wizard-actions { margin-right:auto; }
 .app-footer { padding:10px 0; margin-top:10px; }
 @media(max-width:600px){
  #recentAnalysisButton,#resetFormButton {font-size:11px;min-height:30px;}
 }
}
@media screen {
 .app-mode-title {display:none;}
 .stage-content {touch-action:pan-y;}
 @media(max-width:600px){
  .app-header {padding:14px 16px;display:flex;flex-direction:row;align-items:center;gap:8px;}
  .app-header h1 {font-size:21px;}
  .app-header p {display:none;}
  .api-status-box {margin:0;}
 }
}