/* ============================================================
   Listen Here — Nursia theme layer.
   The exam room stays dark: the torso, lens, landmark dots and reveal rings
   are drawn for a dark backdrop, and the gold +points floats sit on it.
   Panels, the prompt card, stats, buttons and the reveal card wear Nursia
   (white cards, ink text, teal primary).
   ============================================================ */

:root {
  --ink: var(--nc-ink);
  --mute: var(--nc-muted);
  --panel: var(--nc-card);
  --line: var(--nc-rule);
  --accent: var(--nc-teal);
  --good: var(--nc-correct);
  --close: #855b0f;
  --miss: var(--nc-wrong);
}

/* --- layout: everything fits below the 48px bar ---------------- */
[data-nursia-clinic="listen-here"] #c {
  top: var(--nc-bar-h);
  height: calc(100% - var(--nc-bar-h));
}
[data-nursia-clinic="listen-here"] .screen,
[data-nursia-clinic="listen-here"] #hud {
  top: var(--nc-bar-h);
}

/* --- type ------------------------------------------------------ */
[data-nursia-clinic="listen-here"] h1,
[data-nursia-clinic="listen-here"] h2 {
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--nc-ink);
}
[data-nursia-clinic="listen-here"] h1::before {
  content: "Physical assessment";
  display: block;
  margin-bottom: 10px;
  font-family: var(--nc-font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--nc-muted);
}
[data-nursia-clinic="listen-here"] .tag {
  color: var(--nc-ink);
  font-weight: 600;
}
[data-nursia-clinic="listen-here"] .sub,
[data-nursia-clinic="listen-here"] .panel.small p {
  font-family: var(--nc-font-body);
  color: var(--nc-ink-2);
  font-size: 16px;
  line-height: 1.45;
}
[data-nursia-clinic="listen-here"] .panel.small p { font-size: 14px; }
[data-nursia-clinic="listen-here"] a { color: var(--nc-teal); }
[data-nursia-clinic="listen-here"] .nc-bar a { color: inherit; }

/* --- screens and panels ---------------------------------------- */
[data-nursia-clinic="listen-here"] #title { background: none; }
[data-nursia-clinic="listen-here"] .dim { background: rgba(20, 22, 26, 0.55); }
[data-nursia-clinic="listen-here"] .panel,
[data-nursia-clinic="listen-here"] #title .panel {
  background: var(--nc-card);
  backdrop-filter: none;
  border: 1px solid var(--nc-rule);
  border-radius: var(--nc-radius);
  box-shadow: var(--nc-shadow);
  color: var(--nc-ink);
}
[data-nursia-clinic="listen-here"] #loading { color: #c9d2da; }
[data-nursia-clinic="listen-here"] #loading p { font-family: var(--nc-font-mono); font-size: 13px; letter-spacing: 0.04em; }

/* --- buttons --------------------------------------------------- */
[data-nursia-clinic="listen-here"] .btn {
  background: var(--nc-card);
  color: var(--nc-ink);
  border: 1px solid var(--nc-ink);
  border-radius: var(--nc-radius-btn);
  font-family: var(--nc-font-ui);
  font-weight: 600;
  letter-spacing: -0.01em;
}
[data-nursia-clinic="listen-here"] .btn:hover { background: var(--nc-paper-2); }
[data-nursia-clinic="listen-here"] .btn.primary {
  background: var(--nc-teal);
  border-color: var(--nc-teal);
  color: #fff;
  font-weight: 700;
}
[data-nursia-clinic="listen-here"] .btn.primary:hover { background: var(--nc-teal-dark); border-color: var(--nc-teal-dark); }
[data-nursia-clinic="listen-here"] .btn.primary:disabled {
  background: var(--nc-paper-2);
  border-color: var(--nc-rule);
  color: var(--nc-muted);
}
[data-nursia-clinic="listen-here"] .btn:focus-visible,
[data-nursia-clinic="listen-here"] .tray:focus-visible {
  outline: 3px solid var(--nc-highlight);
  outline-offset: 2px;
}
[data-nursia-clinic="listen-here"] .panel .btn:focus-visible { outline-color: var(--nc-teal); }

/* level list */
[data-nursia-clinic="listen-here"] .levels small { color: var(--nc-muted); }
[data-nursia-clinic="listen-here"] .levels .st { color: #855b0f; }

/* --- HUD ------------------------------------------------------- */
[data-nursia-clinic="listen-here"] .prompt,
[data-nursia-clinic="listen-here"] .stats,
[data-nursia-clinic="listen-here"] .reveal {
  background: var(--nc-card);
  border: 1px solid var(--nc-rule);
  border-radius: var(--nc-radius);
  box-shadow: var(--nc-shadow);
}
[data-nursia-clinic="listen-here"] .prompt .meta,
[data-nursia-clinic="listen-here"] .stats .lbl {
  font-family: var(--nc-font-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--nc-muted);
}
[data-nursia-clinic="listen-here"] .ptext { font-weight: 700; letter-spacing: -0.01em; }
[data-nursia-clinic="listen-here"] .pnote { color: #855b0f; }
[data-nursia-clinic="listen-here"] .stats b { font-weight: 700; font-variant-numeric: tabular-nums; }
[data-nursia-clinic="listen-here"] .reveal .pts {
  color: var(--nc-ink);
  background: var(--nc-highlight);
  padding: 0 4px;
}
[data-nursia-clinic="listen-here"] .reveal .rrule {
  font-family: var(--nc-font-body);
  color: var(--nc-ink-2);
}
[data-nursia-clinic="listen-here"] .views .btn,
[data-nursia-clinic="listen-here"] .btn.mode { background: var(--nc-card); }
[data-nursia-clinic="listen-here"] .views .btn:disabled { opacity: 0.45; }
[data-nursia-clinic="listen-here"] .btn.mode[aria-pressed="true"] {
  background: var(--nc-ink);
  border-color: var(--nc-ink);
  color: var(--nc-paper);
}
[data-nursia-clinic="listen-here"] .tray { font-family: var(--nc-font-mono); color: #c9d2da; text-transform: uppercase; letter-spacing: 0.06em; }
[data-nursia-clinic="listen-here"] .hint {
  background: var(--nc-highlight);
  color: var(--nc-ink);
  border-radius: var(--nc-radius-btn);
  font-weight: 600;
}

/* --- results --------------------------------------------------- */
[data-nursia-clinic="listen-here"] .stars { color: #c99a06; }
[data-nursia-clinic="listen-here"] .big-num { font-weight: 700; letter-spacing: -0.02em; }
[data-nursia-clinic="listen-here"] .misses { color: var(--nc-ink-2); font-family: var(--nc-font-body); }
[data-nursia-clinic="listen-here"] .bars .bar { background: var(--nc-paper-2); border-radius: 0; }
[data-nursia-clinic="listen-here"] .bars .bar i { background: var(--nc-teal); }