/* ══════════════════════════════════════════════
   DrugSafetyData — Domain-specific styles
   (Everything else handled by daisyUI + Tailwind)
   ══════════════════════════════════════════════ */

/* ── Tabular Numbers ─────────────────────────── */
.num { text-align: right; font-variant-numeric: tabular-nums; }
.pct { text-align: right; opacity: 0.55; }

/* ── FDA Label Text ──────────────────────────── */
.fda-label-text {
    background: oklch(var(--b2));
    border-left: 3px solid oklch(var(--p));
    padding: 1rem 1.25rem;
    margin: 1rem 0;
    font-size: 0.9375rem;
    line-height: 1.7;
    border-radius: 0.5rem;
}

/* ── Boxed Warning (FDA) ─────────────────────── */
.boxed-warning {
    background: oklch(var(--er) / 0.08);
    border-left: 3px solid oklch(var(--er));
    padding: 1rem 1.25rem;
    margin: 1rem 0;
    font-size: 0.9375rem;
    border-radius: 0.5rem;
}
.boxed-warning-title {
    font-weight: 700;
    color: oklch(var(--er));
    margin-bottom: 0.5rem;
}

/* ── Comparison Table Colors ─────────────────── */
.drug-a { background: oklch(var(--p) / 0.06); }
.drug-b { background: oklch(var(--s) / 0.06); }
.higher { font-weight: 600; }