/* ============================================================
   physics-y12-sa.css — HSC Physics Year 12 (Senior Adventure shell)
   Shared across Y12 modules M5–M8.
   Loaded AFTER senior-adventure.css + senior-adventure-microtasks.css
   + senior-adventure-patterns.css. Modelled on maths-adv-sa.css —
   thin delta only; do NOT recopy chem-m5-sa component blocks.
   ============================================================ */

/* ── Module 5 · Advanced Mechanics — burnt-orange / charcoal ── */
body.sa.phys-m5-bg {
  --sa-accent:        #c2410c;  /* burnt orange */
  --sa-accent-soft:   #fed7aa;
  --sa-accent-ink:    #431407;
  --sa-hero-glow:     radial-gradient(620px 320px at 8% 92%, rgba(194,65,12,0.30) 0%, transparent 62%);
  background:
    radial-gradient(ellipse 1100px 600px at 92% 6%, rgba(194,65,12,0.10) 0%, transparent 65%),
    radial-gradient(ellipse 850px 500px at 4% 90%, rgba(67,20,7,0.08) 0%, transparent 65%),
    linear-gradient(160deg, #fff7ed 0%, #fff1e6 40%, #fffaf5 100%);
  min-height: 100vh;
}

/* ── Module 6 · Electromagnetism — teal / deep-blue ─────── */
body.sa.phys-m6-bg {
  --sa-accent:        #0f766e;  /* teal-700 */
  --sa-accent-soft:   #99f6e4;
  --sa-accent-ink:    #042f2e;
  --sa-hero-glow:     radial-gradient(620px 320px at 8% 92%, rgba(15,118,110,0.30) 0%, transparent 62%);
  background:
    radial-gradient(ellipse 1100px 600px at 92% 6%, rgba(15,118,110,0.10) 0%, transparent 65%),
    radial-gradient(ellipse 850px 500px at 4% 90%, rgba(4,47,46,0.08) 0%, transparent 65%),
    linear-gradient(160deg, #f0fdfa 0%, #ccfbf1 40%, #f0fdf8 100%);
  min-height: 100vh;
}

/* ── Module 7 · The Nature of Light — violet / quantum ──── */
body.sa.phys-m7-bg {
  --sa-accent:        #7c3aed;  /* violet-600 */
  --sa-accent-soft:   #ede9fe;
  --sa-accent-ink:    #2e1065;
  --sa-hero-glow:     radial-gradient(620px 320px at 8% 92%, rgba(124,58,237,0.28) 0%, transparent 62%);
  background:
    radial-gradient(ellipse 1100px 600px at 92% 6%, rgba(124,58,237,0.10) 0%, transparent 65%),
    radial-gradient(ellipse 850px 500px at 4% 90%, rgba(46,16,101,0.08) 0%, transparent 65%),
    linear-gradient(160deg, #faf5ff 0%, #f3e8ff 40%, #faf5ff 100%);
  min-height: 100vh;
}

/* ── Module 8 · From the Universe to the Atom — deep-space blue ── */
body.sa.phys-m8-bg {
  --sa-accent:        #1d4ed8;  /* blue-700 */
  --sa-accent-soft:   #bfdbfe;
  --sa-accent-ink:    #1e3a8a;
  --sa-hero-glow:     radial-gradient(620px 320px at 8% 92%, rgba(29,78,216,0.30) 0%, transparent 62%);
  background:
    radial-gradient(ellipse 1100px 600px at 92% 6%, rgba(29,78,216,0.10) 0%, transparent 65%),
    radial-gradient(ellipse 850px 500px at 4% 90%, rgba(30,58,138,0.08) 0%, transparent 65%),
    linear-gradient(160deg, #eff6ff 0%, #dbeafe 40%, #f0f8ff 100%);
  min-height: 100vh;
}

/* ── Book-notes accordion (matches maths-adv-sa.css) ─────── */
.sa-book-notes {
  margin: 10px 0 0; padding: 14px 18px;
  background: var(--sa-bg-warm); border: 1.5px dashed var(--sa-rule);
  border-radius: var(--sa-r-sm); font-size: 13px;
}
.sa-book-notes summary {
  font-weight: 700; cursor: pointer; color: var(--sa-ink);
  font-family: var(--sa-display); font-size: 13px; list-style: none;
}
.sa-book-notes summary::-webkit-details-marker { display: none; }
.sa-book-notes summary::before { content: "📝 "; }
.sa-book-notes[open] summary { margin-bottom: 8px; }
.sa-book-notes ul { margin: 0 0 0 18px; padding: 0; color: var(--sa-ink-soft); line-height: 1.6; }
.sa-book-notes li { margin-bottom: 4px; }

/* ── Mode-button polish ─────────────────────────────────── */
.sa-mode-btn.active {
  background: var(--sa-ink) !important;
  color: var(--sa-bg-warm) !important;
  border-color: var(--sa-ink) !important;
}

/* ── Physics formula card — frames a KaTeX-rendered equation ── */
.ph-formula-card {
  display: block;
  margin: 14px 0;
  padding: 14px 18px;
  background: var(--sa-bg-warm);
  border: 1.5px solid var(--sa-rule);
  border-left: 4px solid var(--sa-accent);
  border-radius: var(--sa-r-sm);
  font-size: 15.5px;
  color: var(--sa-ink);
  overflow-x: auto;
}
.ph-formula-card .ph-formula-label {
  display: block;
  font-family: var(--sa-display);
  font-size: 11.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--sa-ink-soft);
  margin-bottom: 4px;
}

/* ── Physics worked-example block ────────────────────────── */
.ph-worked {
  margin: 16px 0;
  padding: 16px 20px;
  background: #fffbeb;
  border: 1.5px solid #fde68a;
  border-radius: var(--sa-r-sm);
}
.ph-worked-title {
  font-family: var(--sa-display);
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #92400e;
  margin: 0 0 8px;
}
.ph-worked ol { margin: 0 0 0 20px; padding: 0; color: var(--sa-ink); line-height: 1.7; }
.ph-worked ol li { margin-bottom: 6px; }

/* ── SAQ taxonomy labels (matches maths pattern) ────────── */
.sa-bloom, .sa-band {
  display: inline-block; padding: 2px 8px; border-radius: 6px;
  font-size: 10.5px; font-weight: 700; font-family: var(--sa-display);
  text-transform: uppercase; letter-spacing: 0.08em;
}
.sa-bloom.understand { background: #dbeafe; color: #1e40af; }
.sa-bloom.apply      { background: #dcfce7; color: #166534; }
.sa-bloom.analyse    { background: #fef3c7; color: #92400e; }
.sa-bloom.evaluate   { background: #fce7f3; color: #9d174d; }
.sa-bloom.create     { background: #ede9fe; color: #5b21b6; }
.sa-band.band-3      { background: #e0e7ff; color: #3730a3; }
.sa-band.band-4      { background: #d1fae5; color: #065f46; }
.sa-band.band-5      { background: #fef3c7; color: #92400e; }
.sa-band.band-6      { background: #fce7f3; color: #9d174d; }
.sa-marks            { font-size: 11px; color: var(--sa-muted); margin-left: 4px; font-weight: 600; }

/* ── MC score banner (matches bio-m7 pattern) ───────────── */
.mc-score-banner {
  margin: 12px 0;
  padding: 10px 14px;
  background: var(--sa-bg-warm);
  border: 1.5px solid var(--sa-rule);
  border-radius: var(--sa-r-sm);
  font-family: var(--sa-display);
  font-weight: 600;
  color: var(--sa-ink);
  display: none;
}
.mc-score-banner.show { display: block; }