/* A+ course-review badges and the Plan A/B/C switch.
 * Amber marks review data throughout, so it never competes with the accent
 * colour that marks the student's own selections. */

.aplus-row{margin-top:8px}
.aplus-row.detail{margin-top:14px}

.aplus-badge{
  display:inline-flex;align-items:center;gap:9px;max-width:100%;
  padding:6px 10px;border-radius:var(--radius);
  background:var(--amber-soft);color:var(--ink);text-decoration:none;
  transition:background .12s
}
.aplus-badge:hover{background:color-mix(in srgb,var(--amber) 18%,var(--amber-soft))}
.aplus-badge.detail{padding:9px 12px}

.aplus-main{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.aplus-star{
  display:grid;place-items:center;width:20px;height:20px;border-radius:999px;
  background:color-mix(in srgb,var(--amber) 22%,transparent);color:var(--amber);
  font-size:var(--fs-micro);line-height:1
}
.aplus-score{font-size:var(--fs-title);font-weight:600;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.aplus-meta{
  display:flex;align-items:center;gap:5px;min-width:0;flex-wrap:wrap;
  font-size:var(--fs-micro);color:var(--ink-2)
}
.aplus-brand{color:var(--amber);font-weight:600}
.aplus-dot{color:var(--faint)}
.aplus-arrow{color:var(--amber);font-weight:600}

/* ── Plan A / B / C ───────────────────────────────────────────────────── */

.plan-title-with-presets{gap:14px}
.plan-label-stack{display:flex;flex-direction:column;gap:7px}
.preset-switch{display:flex;align-items:center;gap:4px}
.preset-switch button{
  display:flex;align-items:center;gap:5px;border-radius:var(--radius-sm);
  background:var(--surface-2);color:var(--muted);
  padding:4px 8px;font-size:var(--fs-micro);font-weight:500;white-space:nowrap
}
.preset-switch button small{
  display:grid;place-items:center;min-width:16px;height:16px;padding:0 4px;
  border-radius:999px;background:var(--surface-3);color:var(--faint);
  font-size:var(--fs-micro);font-variant-numeric:tabular-nums
}
.preset-switch button:hover{background:var(--surface-hover);color:var(--ink-2)}
.preset-switch button.active{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}
.preset-switch button.active small{background:var(--accent);color:var(--on-accent)}