From 1535758df8dd36e7b95c59dcdd51a673b1611aed Mon Sep 17 00:00:00 2001
From: Bissbert <43237892+Bissbert@users.noreply.github.com>
Date: Tue, 12 May 2026 09:44:30 +0700
Subject: [PATCH] style(copy): scrub login mentions, BrE, em-dashes, AI tells
 in components

- AdminPanel: rename "Admin Login" / "Login" / "Logout" to "Admin Access" / "Enter" / "Exit"
- HardnessReference: jewelry -> jewellery (4 occurrences)
- ProportionAnalyzer/AdvancedTools: "Analyzer" -> "Analyser" in rendered text and JSDoc
- PolariscopeGuide, AdvancedTools: "comprehensive" -> "thorough" / "detailed"
- Em-dashes replaced with colon, semicolon, comma, or full stop in 15 components
- Matching test assertions updated in RationalePanel.test.tsx and ScheduleBadge.test.tsx
---
 src/components/admin/AdminPanel.tsx            |  6 +++---
 src/components/advanced/AdvancedTools.tsx      |  6 +++---
 src/components/advanced/ProportionAnalyzer.tsx |  6 +++---
 src/components/advanced/TreatmentWizard.tsx    |  4 ++--
 src/components/calculator/HannemanRI.tsx       |  4 ++--
 src/components/calculator/RICalculator.tsx     |  6 +++---
 src/components/calculator/SGCalculator.tsx     |  2 +-
 .../identification/HardnessReference.tsx       | 10 +++++-----
 src/components/lab/SpectroscopeBandMatcher.tsx |  2 +-
 src/components/optical/OpticSignReasoner.tsx   |  8 ++++----
 src/components/optical/PleochroismReasoner.tsx |  6 +++---
 src/components/optical/PolariscopeGuide.tsx    |  2 +-
 src/components/quiz/study/ConfidenceTap.tsx    |  2 +-
 .../quiz/study/ExportImportPanel.tsx           |  2 +-
 src/components/quiz/study/LearnQuizWidget.tsx  |  2 +-
 .../quiz/study/RationalePanel.test.tsx         |  8 ++++----
 src/components/quiz/study/RationalePanel.tsx   |  4 ++--
 .../quiz/study/ScheduleBadge.test.tsx          |  2 +-
 src/components/quiz/study/ScheduleBadge.tsx    |  2 +-
 src/components/quiz/study/StudyDevHarness.tsx  | 18 +++++++++---------
 .../quiz/study/StudyReviewScreen.tsx           |  4 ++--
 21 files changed, 53 insertions(+), 53 deletions(-)

diff --git a/src/components/admin/AdminPanel.tsx b/src/components/admin/AdminPanel.tsx
index dfbb7e5..f0709fd 100644
--- a/src/components/admin/AdminPanel.tsx
+++ b/src/components/admin/AdminPanel.tsx
@@ -261,7 +261,7 @@ export function AdminPanel() {
       <div className="min-h-[60vh] flex items-center justify-center px-4">
         <Card className="w-full max-w-sm">
           <CardHeader className="text-center">
-            <CardTitle>Admin Login</CardTitle>
+            <CardTitle>Admin Access</CardTitle>
           </CardHeader>
           <CardContent>
             <form onSubmit={handleLogin} className="space-y-4">
@@ -286,7 +286,7 @@ export function AdminPanel() {
                 )}
               </div>
               <Button type="submit" className="w-full" loading={authLoading}>
-                Login
+                Enter
               </Button>
             </form>
           </CardContent>
@@ -303,7 +303,7 @@ export function AdminPanel() {
       <div className="flex items-center justify-between mb-8">
         <h1 className="text-2xl font-bold text-slate-900">Admin Panel</h1>
         <Button variant="ghost" onClick={handleLogout}>
-          Logout
+          Exit
         </Button>
       </div>
 
diff --git a/src/components/advanced/AdvancedTools.tsx b/src/components/advanced/AdvancedTools.tsx
index 6c8ce0f..2f62356 100644
--- a/src/components/advanced/AdvancedTools.tsx
+++ b/src/components/advanced/AdvancedTools.tsx
@@ -39,7 +39,7 @@ export function AdvancedTools() {
 
       <ToolSection
         id="proportion"
-        title="Proportion Analyzer"
+        title="Proportion Analyser"
         description="Evaluate cut quality from proportion measurements"
         iconPath={ICON_PATHS.ruler}
         accent="cyan"
@@ -51,8 +51,8 @@ export function AdvancedTools() {
       <div className="bg-cyan-50 border border-cyan-200 rounded-lg p-4">
         <h4 className="text-sm font-semibold text-cyan-900 mb-2">Origin Determination</h4>
         <p className="text-sm text-cyan-800 mb-3">
-          Geographic origin determination requires comprehensive knowledge of inclusion suites,
-          trace element chemistry, and regional characteristics. See our in-depth learn section:
+          Geographic origin determination requires detailed knowledge of inclusion suites,
+          trace element chemistry, and regional characteristics. See the learn section:
         </p>
         <ul className="text-sm text-cyan-800 space-y-1">
           <li>
diff --git a/src/components/advanced/ProportionAnalyzer.tsx b/src/components/advanced/ProportionAnalyzer.tsx
index f42e971..cd0dd0a 100644
--- a/src/components/advanced/ProportionAnalyzer.tsx
+++ b/src/components/advanced/ProportionAnalyzer.tsx
@@ -1,5 +1,5 @@
 /**
- * Gemstone Cut Proportion Analyzer
+ * Gemstone Cut Proportion Analyser
  * Evaluate cut quality based on proportion measurements
  */
 
@@ -291,7 +291,7 @@ export function ProportionAnalyzer() {
       </div>
 
       <div className="border-t border-slate-200 pt-6">
-        <h4 className="text-sm font-semibold text-slate-900 mb-3">Proportion Analyzer</h4>
+        <h4 className="text-sm font-semibold text-slate-900 mb-3">Proportion Analyser</h4>
 
         <div className="space-y-4">
           <div>
@@ -462,7 +462,7 @@ export function ProportionAnalyzer() {
                     </ul>
                   </div>
                   <p className="text-xs text-slate-600 mt-2 italic">
-                    Educational reference only — formal GIA grading also weighs symmetry, polish, and overall appeal.
+                    Educational reference only. Formal GIA grading also weighs symmetry, polish, and overall appeal.
                   </p>
                 </div>
               )}
diff --git a/src/components/advanced/TreatmentWizard.tsx b/src/components/advanced/TreatmentWizard.tsx
index 6a11620..943c01d 100644
--- a/src/components/advanced/TreatmentWizard.tsx
+++ b/src/components/advanced/TreatmentWizard.tsx
@@ -130,8 +130,8 @@ export function TreatmentWizard() {
         </div>
       ) : verdicts.length === 0 ? (
         <div className="p-3 rounded-lg bg-emerald-50 border border-emerald-200 text-emerald-700 text-sm text-center">
-          Selected clues do not point to any common treatment — likely natural / untreated within
-          the limits of these observations.
+          Selected clues do not point to any common treatment; the stone is likely natural or untreated
+          within the limits of these observations.
         </div>
       ) : (
         <div className="space-y-3">
diff --git a/src/components/calculator/HannemanRI.tsx b/src/components/calculator/HannemanRI.tsx
index 7dd34b7..75fd1fa 100644
--- a/src/components/calculator/HannemanRI.tsx
+++ b/src/components/calculator/HannemanRI.tsx
@@ -30,7 +30,7 @@ const RELIEF_OPTIONS: { value: Relief; label: string }[] = [
 
 const liquidOptions = CONTACT_LIQUIDS.map((l) => ({
   value: l.id,
-  label: `${l.name} — RI ${l.ri.toFixed(3)}`,
+  label: `${l.name}: RI ${l.ri.toFixed(3)}`,
 }));
 
 export function HannemanRI() {
@@ -106,7 +106,7 @@ export function HannemanRI() {
       <div className="rounded-lg border border-slate-200 bg-slate-50 p-4 space-y-4">
         {rows.map((row, i) => (
           <div key={i} className="grid grid-cols-1 md:grid-cols-2 gap-3">
-            <FormField name={`hl-liquid-${i}`} label={`Observation ${i + 1} — liquid`}>
+            <FormField name={`hl-liquid-${i}`} label={`Observation ${i + 1}: liquid`}>
               <Select
                 options={liquidOptions}
                 value={row.liquidId}
diff --git a/src/components/calculator/RICalculator.tsx b/src/components/calculator/RICalculator.tsx
index 5969d2c..48d2623 100644
--- a/src/components/calculator/RICalculator.tsx
+++ b/src/components/calculator/RICalculator.tsx
@@ -73,8 +73,8 @@ export function RICalculator() {
       character,
       characterLabel:
         character === 'DR'
-          ? 'Doubly refractive (anisotropic — uniaxial or biaxial)'
-          : 'Singly refractive within reading tolerance — likely cubic, amorphous, or read along an optic axis',
+          ? 'Doubly refractive (anisotropic: uniaxial or biaxial)'
+          : 'Singly refractive within reading tolerance; likely cubic, amorphous, or read along an optic axis',
       lookupRI,
     };
   }, [mode, result?.ri, ri2]);
@@ -163,7 +163,7 @@ export function RICalculator() {
             ({doubleReadingResult.classification})
           </div>
           <div className="text-emerald-800">
-            Optic character: <strong>{doubleReadingResult.character}</strong> — {doubleReadingResult.characterLabel}
+            Optic character: <strong>{doubleReadingResult.character}</strong>. {doubleReadingResult.characterLabel}
           </div>
           <div className="text-xs text-emerald-700">
             Matches below use the average RI ({doubleReadingResult.lookupRI.toFixed(3)}) ± {values.tolerance}.
diff --git a/src/components/calculator/SGCalculator.tsx b/src/components/calculator/SGCalculator.tsx
index c3574aa..0d05deb 100644
--- a/src/components/calculator/SGCalculator.tsx
+++ b/src/components/calculator/SGCalculator.tsx
@@ -28,7 +28,7 @@ const WATER_DENSITY_TABLE: { tempC: number; density: number }[] = [
 
 const TEMP_OPTIONS = [
   { value: '20', label: '20 °C (room temperature, default)' },
-  { value: '4', label: '4 °C (max density — ideal but cold)' },
+  { value: '4', label: '4 °C (max density, ideal but cold)' },
   { value: '15', label: '15 °C (cool tap water)' },
   { value: '25', label: '25 °C (warm room)' },
   { value: '30', label: '30 °C (warm)' },
diff --git a/src/components/identification/HardnessReference.tsx b/src/components/identification/HardnessReference.tsx
index c4f74da..a34398d 100644
--- a/src/components/identification/HardnessReference.tsx
+++ b/src/components/identification/HardnessReference.tsx
@@ -22,16 +22,16 @@ interface GemHardness {
 }
 
 const MOHS_SCALE: MohsLevel[] = [
-  { hardness: 10, mineral: 'Diamond', wearResistance: 'Excellent for all jewelry' },
-  { hardness: 9, mineral: 'Corundum (Ruby/Sapphire)', wearResistance: 'Excellent for all jewelry' },
+  { hardness: 10, mineral: 'Diamond', wearResistance: 'Excellent for all jewellery' },
+  { hardness: 9, mineral: 'Corundum (Ruby/Sapphire)', wearResistance: 'Excellent for all jewellery' },
   { hardness: 8, mineral: 'Topaz / Spinel', wearResistance: 'Excellent for daily wear' },
-  { hardness: 7.5, mineral: 'Beryl (Emerald / Aquamarine)', wearResistance: 'Good for most jewelry' },
-  { hardness: 7, mineral: 'Quartz', wearResistance: 'Good for most jewelry' },
+  { hardness: 7.5, mineral: 'Beryl (Emerald / Aquamarine)', wearResistance: 'Good for most jewellery' },
+  { hardness: 7, mineral: 'Quartz', wearResistance: 'Good for most jewellery' },
   { hardness: 6.5, mineral: 'Tanzanite / Peridot', wearResistance: 'Fair: avoid rings' },
   { hardness: 6, mineral: 'Feldspar (Moonstone)', wearResistance: 'Fair: pendants/earrings' },
   { hardness: 5, mineral: 'Apatite', wearResistance: 'Poor: collector only' },
   { hardness: 4, mineral: 'Fluorite', wearResistance: 'Poor: collector only' },
-  { hardness: 3, mineral: 'Calcite', wearResistance: 'Not suitable for jewelry' },
+  { hardness: 3, mineral: 'Calcite', wearResistance: 'Not suitable for jewellery' },
 ];
 
 // Fallback data if database is unavailable
diff --git a/src/components/lab/SpectroscopeBandMatcher.tsx b/src/components/lab/SpectroscopeBandMatcher.tsx
index 70d7171..8edcbfd 100644
--- a/src/components/lab/SpectroscopeBandMatcher.tsx
+++ b/src/components/lab/SpectroscopeBandMatcher.tsx
@@ -92,7 +92,7 @@ export function SpectroscopeBandMatcher() {
                 className={`text-xs px-2.5 py-1 rounded font-mono border transition ${
                   isOn ? `${swatch} border-slate-700 ring-2 ring-slate-400` : `${swatch} border-transparent opacity-60 hover:opacity-100`
                 }`}
-                title={`${wl} nm — ${colourFor(wl)} region`}
+                title={`${wl} nm, ${colourFor(wl)} region`}
               >
                 {wl} nm
               </button>
diff --git a/src/components/optical/OpticSignReasoner.tsx b/src/components/optical/OpticSignReasoner.tsx
index 8cf08b3..426bda0 100644
--- a/src/components/optical/OpticSignReasoner.tsx
+++ b/src/components/optical/OpticSignReasoner.tsx
@@ -189,10 +189,10 @@ export function OpticSignReasoner() {
 
       {character === 'uniaxial' && (
         <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-          <FormField name="omega" label="ω (omega — ordinary ray)">
+          <FormField name="omega" label="ω (omega, ordinary ray)">
             <NumberInput value={omega} onChange={setOmega} step={0.001} placeholder="e.g., 1.544" />
           </FormField>
-          <FormField name="epsilon" label="ε (epsilon — extraordinary ray)">
+          <FormField name="epsilon" label="ε (epsilon, extraordinary ray)">
             <NumberInput
               value={epsilon}
               onChange={setEpsilon}
@@ -208,7 +208,7 @@ export function OpticSignReasoner() {
           <FormField name="alpha" label="α (lowest RI)">
             <NumberInput value={alpha} onChange={setAlpha} step={0.001} placeholder="e.g., 1.635" />
           </FormField>
-          <FormField name="beta" label="β (middle RI — optional)">
+          <FormField name="beta" label="β (middle RI, optional)">
             <NumberInput value={beta} onChange={setBeta} step={0.001} placeholder="e.g., 1.651" />
           </FormField>
           <FormField name="gamma" label="γ (highest RI)">
@@ -244,7 +244,7 @@ export function OpticSignReasoner() {
       {/* Candidate list */}
       {dbError && (
         <div className="p-3 rounded bg-rose-50 border border-rose-200 text-rose-700 text-sm">
-          Database unavailable — candidate ranking disabled. ({dbError})
+          Database unavailable; candidate ranking is disabled. ({dbError})
         </div>
       )}
       {loading ? (
diff --git a/src/components/optical/PleochroismReasoner.tsx b/src/components/optical/PleochroismReasoner.tsx
index 03e36c2..06b5a43 100644
--- a/src/components/optical/PleochroismReasoner.tsx
+++ b/src/components/optical/PleochroismReasoner.tsx
@@ -20,9 +20,9 @@ import { usePagination } from '../../hooks/usePagination';
 import { Pagination } from '../ui';
 
 const COLOUR_COUNT_OPTIONS = [
-  { value: '1', label: '1 — single colour' },
-  { value: '2', label: '2 — dichroic' },
-  { value: '3', label: '3 — trichroic' },
+  { value: '1', label: '1: single colour' },
+  { value: '2', label: '2: dichroic' },
+  { value: '3', label: '3: trichroic' },
 ];
 
 const STRENGTH_OPTIONS: { value: PleochroismStrength; label: string }[] = [
diff --git a/src/components/optical/PolariscopeGuide.tsx b/src/components/optical/PolariscopeGuide.tsx
index 44f4942..8397d6d 100644
--- a/src/components/optical/PolariscopeGuide.tsx
+++ b/src/components/optical/PolariscopeGuide.tsx
@@ -142,7 +142,7 @@ export function PolariscopeGuide() {
         <ul className="text-sm text-amber-800 space-y-1">
           <li>• If no reaction at all, check polarizers are properly crossed</li>
           <li>• Weak reactions may need immersion fluid to reduce surface reflections</li>
-          <li>• Multiple orientations needed for comprehensive testing</li>
+          <li>• Multiple orientations needed for thorough testing</li>
           <li>• Clean polarizers and stone surface for best results</li>
         </ul>
       </div>
diff --git a/src/components/quiz/study/ConfidenceTap.tsx b/src/components/quiz/study/ConfidenceTap.tsx
index b988140..537d361 100644
--- a/src/components/quiz/study/ConfidenceTap.tsx
+++ b/src/components/quiz/study/ConfidenceTap.tsx
@@ -113,7 +113,7 @@ export function ConfidenceTap({ value, onChange, disabled = false }: ConfidenceT
               type="button"
               role="radio"
               aria-checked={isSelected}
-              aria-label={`${opt.label} — ${opt.description}`}
+              aria-label={`${opt.label}: ${opt.description}`}
               disabled={disabled}
               onClick={() => onChange(opt.value)}
               className={cn(
diff --git a/src/components/quiz/study/ExportImportPanel.tsx b/src/components/quiz/study/ExportImportPanel.tsx
index 28689e4..e953f6d 100644
--- a/src/components/quiz/study/ExportImportPanel.tsx
+++ b/src/components/quiz/study/ExportImportPanel.tsx
@@ -87,7 +87,7 @@ export function ExportImportPanel({ store }: ExportImportPanelProps) {
       } else {
         showToast({
           kind: 'error',
-          message: result.warnings[0] ?? 'Import failed — the file may be invalid.',
+          message: result.warnings[0] ?? 'Import failed. The file may be invalid.',
         });
       }
     } catch {
diff --git a/src/components/quiz/study/LearnQuizWidget.tsx b/src/components/quiz/study/LearnQuizWidget.tsx
index 6d15f22..672682a 100644
--- a/src/components/quiz/study/LearnQuizWidget.tsx
+++ b/src/components/quiz/study/LearnQuizWidget.tsx
@@ -192,7 +192,7 @@ export function LearnQuizWidget({
     : undefined;
 
   return (
-    <aside className="my-6" aria-label={`Pretest — question ${currentIndex + 1} of ${visibleQuestions.length}`}>
+    <aside className="my-6" aria-label={`Pretest, question ${currentIndex + 1} of ${visibleQuestions.length}`}>
       <Card
         padding="none"
         className="overflow-hidden border-slate-200 dark:border-slate-800 dark:bg-slate-900"
diff --git a/src/components/quiz/study/RationalePanel.test.tsx b/src/components/quiz/study/RationalePanel.test.tsx
index 97e236d..b1f165f 100644
--- a/src/components/quiz/study/RationalePanel.test.tsx
+++ b/src/components/quiz/study/RationalePanel.test.tsx
@@ -37,18 +37,18 @@ describe('RationalePanel', () => {
     expect(screen.getByText('Great diagnostic chain.')).toBeInTheDocument();
   });
 
-  it('shows "Correct — here is why" heading when correct=true', () => {
+  it('shows "Correct: here is why" heading when correct=true', () => {
     render(
       <RationalePanel correct={true} rationaleCorrect="test" show={true} />,
     );
-    expect(screen.getByText(/correct — here is why/i)).toBeInTheDocument();
+    expect(screen.getByText(/correct: here is why/i)).toBeInTheDocument();
   });
 
-  it('shows "Not quite — here is why" heading when correct=false', () => {
+  it('shows "Not quite: here is why" heading when correct=false', () => {
     render(
       <RationalePanel correct={false} rationaleCorrect="test" show={true} />,
     );
-    expect(screen.getByText(/not quite — here is why/i)).toBeInTheDocument();
+    expect(screen.getByText(/not quite: here is why/i)).toBeInTheDocument();
   });
 
   // ── Collapse / expand ──────────────────────────────────────────────────────
diff --git a/src/components/quiz/study/RationalePanel.tsx b/src/components/quiz/study/RationalePanel.tsx
index 91129c9..e6cc178 100644
--- a/src/components/quiz/study/RationalePanel.tsx
+++ b/src/components/quiz/study/RationalePanel.tsx
@@ -101,7 +101,7 @@ export function RationalePanel({
           ) : (
             <XCircle className="w-4 h-4 flex-shrink-0" aria-hidden="true" />
           )}
-          {correct ? 'Correct — here is why' : 'Not quite — here is why'}
+          {correct ? 'Correct: here is why' : 'Not quite: here is why'}
         </span>
         <span aria-label={toggleLabel}>
           {expanded ? (
@@ -152,7 +152,7 @@ export function RationalePanel({
                             ? 'text-red-600 dark:text-red-400'
                             : 'text-slate-600 dark:text-slate-600',
                         )}
-                        aria-label={wasChosen ? 'Your choice — incorrect' : 'Incorrect option'}
+                        aria-label={wasChosen ? 'Your choice, incorrect' : 'Incorrect option'}
                       />
                     )}
                     <div>
diff --git a/src/components/quiz/study/ScheduleBadge.test.tsx b/src/components/quiz/study/ScheduleBadge.test.tsx
index 2f3fd52..6d86015 100644
--- a/src/components/quiz/study/ScheduleBadge.test.tsx
+++ b/src/components/quiz/study/ScheduleBadge.test.tsx
@@ -34,7 +34,7 @@ describe('ScheduleBadge', () => {
 
   it('"New" badge has an appropriate aria-label', () => {
     render(<ScheduleBadge entry={null} now={NOW} />);
-    expect(screen.getByLabelText(/new — never seen before/i)).toBeInTheDocument();
+    expect(screen.getByLabelText(/new, never seen before/i)).toBeInTheDocument();
   });
 
   // ── Due state ─────────────────────────────────────────────────────────────
diff --git a/src/components/quiz/study/ScheduleBadge.tsx b/src/components/quiz/study/ScheduleBadge.tsx
index f7f3fdf..e0eb4a9 100644
--- a/src/components/quiz/study/ScheduleBadge.tsx
+++ b/src/components/quiz/study/ScheduleBadge.tsx
@@ -28,7 +28,7 @@ export function ScheduleBadge({ entry, now: nowOverride }: ScheduleBadgeProps) {
 
   if (!entry || entry.totalReviews === 0) {
     return (
-      <Badge variant="crystal" size="sm" aria-label="Question status: New — never seen before">
+      <Badge variant="crystal" size="sm" aria-label="Question status: New, never seen before">
         New
       </Badge>
     );
diff --git a/src/components/quiz/study/StudyDevHarness.tsx b/src/components/quiz/study/StudyDevHarness.tsx
index c04f4a8..f0a5705 100644
--- a/src/components/quiz/study/StudyDevHarness.tsx
+++ b/src/components/quiz/study/StudyDevHarness.tsx
@@ -86,12 +86,12 @@ const OPTION_RATIONALES: OptionRationale[] = [
   {
     text: 'Natural ruby (corundum)',
     isCorrect: true,
-    rationale: 'RI 1.762–1.770, SG 4.00, uniaxial negative — all diagnostic of corundum.',
+    rationale: 'RI 1.762–1.770, SG 4.00, uniaxial negative: all diagnostic of corundum.',
   },
   {
     text: 'Spinel',
     isCorrect: false,
-    rationale: 'Spinel is isotropic (single RI ≈ 1.718) — no uniaxial reading possible.',
+    rationale: 'Spinel is isotropic (single RI ≈ 1.718); no uniaxial reading possible.',
   },
   {
     text: 'Pyrope garnet',
@@ -118,7 +118,7 @@ const MOCK_QUESTIONS: WidgetQuestion[] = [
     correctAnswer: 'Cubic',
     rationaleCorrect: 'Diamond crystallises in the cubic (isometric) system with point group m3m.',
     optionRationales: [
-      { text: 'Cubic', isCorrect: true, rationale: 'Correct — m3m symmetry.' },
+      { text: 'Cubic', isCorrect: true, rationale: 'Correct: m3m symmetry.' },
       { text: 'Hexagonal', isCorrect: false, rationale: '6-fold symmetry axis; does not apply to diamond.' },
       { text: 'Trigonal', isCorrect: false, rationale: '3-fold symmetry; quartz and corundum, not diamond.' },
     ],
@@ -174,7 +174,7 @@ function InteractiveConfidenceTap() {
     <div>
       <ConfidenceTap value={value} onChange={setValue} />
       <p className="text-xs text-slate-600 mt-1">
-        Selected: <code>{value ?? 'null'}</code> — try keyboard Q/W/E
+        Selected: <code>{value ?? 'null'}</code>. Try keyboard Q/W/E.
       </p>
     </div>
   );
@@ -203,7 +203,7 @@ export function StudyDevHarness() {
   return (
     <div className="max-w-3xl mx-auto px-4 py-8 space-y-12">
       <header className="border-b border-slate-200 pb-4">
-        <h1 className="text-2xl font-bold text-slate-900">Study Components — Dev Harness</h1>
+        <h1 className="text-2xl font-bold text-slate-900">Study Components: Dev Harness</h1>
         <p className="text-sm text-slate-600 mt-1">
           Only served in development (<code>import.meta.env.DEV</code>). All components rendered
           with mocked data.
@@ -228,7 +228,7 @@ export function StudyDevHarness() {
           <Sub label="disabled=true (value='certain')">
             <ConfidenceTap value="certain" onChange={() => {}} disabled={true} />
           </Sub>
-          <Sub label="Interactive — keyboard shortcuts Q/W/E active">
+          <Sub label="Interactive: keyboard shortcuts Q/W/E active">
             <InteractiveConfidenceTap />
           </Sub>
         </div>
@@ -320,10 +320,10 @@ export function StudyDevHarness() {
       {/* ── ExportImportPanel ─────────────────────────────────────────────── */}
       <Section title="ExportImportPanel">
         <div className="space-y-6">
-          <Sub label="Mock store — export succeeds, download triggers">
+          <Sub label="Mock store: export succeeds, download triggers">
             <ExportImportPanel store={makeMockStore(false)} />
           </Sub>
-          <Sub label="Mock store — export fails (error toast)">
+          <Sub label="Mock store: export fails (error toast)">
             <ExportImportPanel store={makeMockStore(true)} />
           </Sub>
         </div>
@@ -332,7 +332,7 @@ export function StudyDevHarness() {
       {/* ── LearnQuizWidget ───────────────────────────────────────────────── */}
       <Section title="LearnQuizWidget">
         <div className="space-y-8">
-          <Sub label="3 questions — full interactive flow">
+          <Sub label="3 questions: full interactive flow">
             <LearnQuizWidget
               slug="species/corundum"
               pretestEnabled={true}
diff --git a/src/components/quiz/study/StudyReviewScreen.tsx b/src/components/quiz/study/StudyReviewScreen.tsx
index 47a003b..ac39824 100644
--- a/src/components/quiz/study/StudyReviewScreen.tsx
+++ b/src/components/quiz/study/StudyReviewScreen.tsx
@@ -57,7 +57,7 @@ export function StudyReviewScreen({ learnEntries }: StudyReviewScreenProps) {
         <header className="mb-8">
           <h1 className="text-3xl font-bold text-slate-900">Review</h1>
           <p className="text-slate-600 mt-2">
-            Spaced-repetition queue — items the scheduler says you should see today.
+            Spaced-repetition queue: items the scheduler says you should see today.
           </p>
         </header>
 
@@ -86,7 +86,7 @@ function EmptyReviewState() {
     <div className="rounded-xl border border-slate-200 bg-white p-10 text-center">
       <h2 className="text-xl font-semibold text-slate-900">Nothing due right now</h2>
       <p className="text-slate-600 mt-2 max-w-prose mx-auto">
-        Your spaced-repetition queue is empty — every item you've seen is still
+        Your spaced-repetition queue is empty; every item you've seen is still
         within its scheduled interval. Practice new questions to grow the queue.
       </p>
       <div className="mt-6">