/* ============================================================
   maths-std-sa.css — Mathematics Standard Year 11 (Senior Adventure shell)
   Shared across all Y11 modules (module1–module4).
   Loaded AFTER senior-adventure.css + senior-adventure-microtasks.css.
   ============================================================ */

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

/* ── Drill reveal ───────────────────────────────────────── */
.sa-drill-reveal {
  display: inline-block; margin-top: 8px; padding: 6px 14px;
  background: var(--sa-bg-warm); color: var(--sa-ink-soft);
  border: 1.5px solid var(--sa-rule); border-radius: 8px;
  font-size: 12px; font-weight: 600; font-family: var(--sa-display);
  cursor: pointer;
}
.sa-drill-reveal:hover { border-color: #4f46e5; color: var(--sa-ink); }
.sa-drill-ans {
  margin-top: 8px; padding: 10px 14px; border-radius: 8px;
  background: #ede9fe; border-left: 3px solid #7c3aed;
  font-size: 13.5px; color: var(--sa-ink); font-family: var(--sa-mono);
}

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

/* ── Maths section label ────────────────────────────────── */
.ma-section-label {
  font-family: var(--sa-display); font-weight: 700; font-size: 13px;
  text-transform: uppercase; letter-spacing: 0.1em; color: var(--sa-ink-soft);
  margin: 22px 0 10px; padding-left: 10px; border-left: 3px solid #4f46e5;
}
.ma-section-label.violet { border-left-color: #7c3aed; }
.ma-section-label.gold   { border-left-color: #b45309; }
.ma-section-label.teal   { border-left-color: #0e7490; }

/* ── Activity classify list ─────────────────────────────── */
.ma-classify-list { display: flex; flex-direction: column; gap: 14px; margin-top: 14px; }
.ma-classify-item {
  display: flex; gap: 14px; align-items: flex-start;
  padding: 14px 16px; border-radius: 10px;
  background: var(--sa-bg-warm); border: 1.5px solid var(--sa-rule);
}
.ma-classify-num {
  width: 28px; height: 28px; border-radius: 8px;
  background: #ede9fe; color: #4f46e5;
  display: grid; place-items: center;
  font-family: var(--sa-mono); font-weight: 700; font-size: 14px;
  flex-shrink: 0;
}
.ma-classify-content { flex: 1; font-size: 13.5px; }
.ma-classify-content p { margin: 0 0 6px; }

/* ── Worked example step layout ─────────────────────────── */
.ma-step-list { list-style: none; margin: 14px 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.ma-step {
  display: flex; gap: 12px; align-items: flex-start;
  padding: 10px 14px; border-radius: 8px; background: var(--sa-bg-warm);
}
.ma-step-num {
  width: 26px; height: 26px; border-radius: 50%;
  background: #4f46e5; color: #fff;
  display: grid; place-items: center;
  font-size: 12px; font-weight: 700; font-family: var(--sa-mono); flex-shrink: 0;
}
.ma-step-body { flex: 1; }
.ma-step-label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.07em; color: var(--sa-muted); font-weight: 700; margin-bottom: 2px; }
.ma-step-math { font-family: var(--sa-mono); font-size: 14px; color: var(--sa-ink); line-height: 1.5; }
.ma-step-text { font-size: 13.5px; color: var(--sa-ink-soft); line-height: 1.55; }

/* ── Formula box ─────────────────────────────────────────── */
.ma-formula-box {
  background: #f5f3ff; border: 1.5px solid rgba(79,70,229,0.3);
  border-radius: 12px; padding: 18px 22px; margin: 12px 0;
}
.ma-formula-vars {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 8px; margin-top: 12px; font-size: 13px;
}

/* ── Common-mistakes traps ───────────────────────────────── */
.ma-trap {
  padding: 14px 16px; border-radius: 10px; border: 1.5px solid;
  margin-bottom: 12px;
}
.ma-trap.rose { background: var(--sa-rose-soft, #fce7f3); border-color: rgba(196,123,138,0.4); }
.ma-trap.gold { background: var(--sa-gold-soft, #fef3c7); border-color: rgba(180,83,9,0.35); }
.ma-trap.teal { background: var(--sa-teal-soft, #cffafe); border-color: rgba(14,116,144,0.35); }
.ma-trap-num {
  width: 26px; height: 26px; border-radius: 50%;
  background: rgba(0,0,0,0.1); color: var(--sa-ink);
  display: inline-grid; place-items: center;
  font-size: 12px; font-weight: 700; font-family: var(--sa-mono);
  margin-bottom: 8px;
}
.ma-trap h4 { margin: 0 0 6px; font-size: 14px; font-family: var(--sa-display); color: var(--sa-ink); }
.ma-trap p  { margin: 0 0 4px; font-size: 13px; line-height: 1.55; color: var(--sa-ink-soft); }
.ma-trap-fix { font-size: 12.5px; color: #166534; font-weight: 600; margin-top: 6px; }