/* ============================================================
   physics-y11-sa.css — HSC Physics Year 11 (Senior Adventure shell)
   Shared across Y11 modules M2–M4.
   Loaded AFTER senior-adventure.css + senior-adventure-microtasks.css
   + senior-adventure-patterns.css. Mirrors physics-y12-sa.css pattern.
   ============================================================ */

/* ── Module 1 · Kinematics — amber/orange ──────────────── */
body.sa.phys-m1-bg {
  --sa-accent:        #ea580c;  /* orange-600 */
  --sa-accent-soft:   #fed7aa;
  --sa-accent-ink:    #431407;
  --sa-hero-glow:     radial-gradient(620px 320px at 8% 92%, rgba(234,88,12,0.30) 0%, transparent 62%);
  background:
    radial-gradient(ellipse 1100px 600px at 92% 6%, rgba(234,88,12,0.12) 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%, #ffedd5 40%, #fff7f0 100%);
  min-height: 100vh;
}

/* ── Module 2 · Dynamics — emerald green ───────────────── */
body.sa.phys-m2-bg {
  --sa-accent:        #059669;  /* emerald-600 */
  --sa-accent-soft:   #a7f3d0;
  --sa-accent-ink:    #064e3b;
  --sa-hero-glow:     radial-gradient(620px 320px at 8% 92%, rgba(5,150,105,0.30) 0%, transparent 62%);
  background:
    radial-gradient(ellipse 1100px 600px at 92% 6%, rgba(5,150,105,0.12) 0%, transparent 65%),
    radial-gradient(ellipse 850px 500px at 4% 90%, rgba(6,78,59,0.08) 0%, transparent 65%),
    linear-gradient(160deg, #f0fdf4 0%, #ecfdf5 40%, #f0fdfa 100%);
  min-height: 100vh;
}

/* ── Module 3 · Waves and Thermodynamics — sky blue ────── */
body.sa.phys-m3-bg {
  --sa-accent:        #0284c7;  /* sky-600 */
  --sa-accent-soft:   #bae6fd;
  --sa-accent-ink:    #0c4a6e;
  --sa-hero-glow:     radial-gradient(620px 320px at 8% 92%, rgba(2,132,199,0.30) 0%, transparent 62%);
  background:
    radial-gradient(ellipse 1100px 600px at 92% 6%, rgba(2,132,199,0.12) 0%, transparent 65%),
    radial-gradient(ellipse 850px 500px at 4% 90%, rgba(12,74,110,0.08) 0%, transparent 65%),
    linear-gradient(160deg, #f0f9ff 0%, #e0f2fe 40%, #f0f8ff 100%);
  min-height: 100vh;
}

/* ── Module 4 · Electricity and Magnetism — indigo ────── */
body.sa.phys-m4-bg {
  --sa-accent:        #4f46e5;  /* indigo-600 */
  --sa-accent-soft:   #c7d2fe;
  --sa-accent-ink:    #1e1b4b;
  --sa-hero-glow:     radial-gradient(620px 320px at 8% 92%, rgba(79,70,229,0.30) 0%, transparent 62%);
  background:
    radial-gradient(ellipse 1100px 600px at 92% 6%, rgba(79,70,229,0.10) 0%, transparent 65%),
    radial-gradient(ellipse 850px 500px at 4% 90%, rgba(30,27,75,0.08) 0%, transparent 65%),
    linear-gradient(160deg, #eef2ff 0%, #e0e7ff 40%, #f0f0ff 100%);
  min-height: 100vh;
}

/* ── Book-notes accordion (matches physics-y12-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; }

/* ── Physics formula card ───────────────────────────────── */
.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 ─────────────────────────────────── */
.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 ─────────────────────────────────────── */
.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; }