/* ============================================================
   bio-y11-m4-sa.css — HSC Biology Y11 Module 4 · Ecosystem Dynamics
   Per-module overrides for lessonNN.sa.html files.
   Loaded AFTER senior-adventure.css + senior-adventure-microtasks.css
   + senior-adventure-patterns.css.
   ============================================================ */

/* ── Module 4 · Ecosystem Dynamics — sky blue / ocean ───── */
body.sa.bio-m4-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.14) 0%, transparent 65%),
    radial-gradient(ellipse 850px 500px at 4% 90%, rgba(12,74,110,0.10) 0%, transparent 65%),
    linear-gradient(160deg, #f0f9ff 0%, #e0f2fe 40%, #f0f8ff 100%);
  min-height: 100vh;
}

body.sa.bio-m4-bg .sa-card,
body.sa.bio-m4-bg .sa-worked {
  border-top: 3px solid var(--sa-accent);
}
body.sa.bio-m4-bg .sa-card.tint-rose { background: linear-gradient(180deg, rgba(245,220,225,0.92) 0%, rgba(255,255,255,0.92) 80%); }
body.sa.bio-m4-bg .sa-card.tint-teal { background: linear-gradient(180deg, rgba(204,251,241,0.92) 0%, rgba(255,255,255,0.92) 80%); }
body.sa.bio-m4-bg .sa-card.tint-gold { background: linear-gradient(180deg, rgba(254,243,199,0.92) 0%, rgba(255,255,255,0.92) 80%); }
body.sa.bio-m4-bg .sa-card.tint-sky  { background: linear-gradient(180deg, rgba(186,230,253,0.80) 0%, rgba(255,255,255,0.92) 80%); }

/* ── Book-notes accordion ────────────────────────────────── */
.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;
}

/* ── 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; }