/**
 * NPIC Accordion FAQ - shared styles
 * ---------------------------------------------------------------
 * Small polish rules for the accordion FAQ pattern used on NPIC fact
 * sheet pages. Pairs with npic-accordion.js. Everything else (accordion
 * structure, colors, spacing) relies on Bootstrap 5 utility classes
 * already used inline in the .ht files, so this file stays intentionally
 * minimal.
 *
 * Include once per page, e.g. via the HEAD: metadata line:
 *   HEAD: <link rel="stylesheet" href="/css/npic-accordion.css">
 */

/* The <a name='x'></a> anchors inside accordion buttons exist only so
   external #hash links still work. Keep them from adding stray
   clickable/focusable space inside the button. */
.accordion-button a[name] {
    pointer-events: none;
}

/* Breathing room for supplementary info-box cards (e.g. "What is mg/kg?",
   "Technical Grade" notes, side-by-side definition boxes) when they
   appear inside an accordion-body. */
.accordion-body .card {
    margin-bottom: 1rem;
}

.accordion-body .card:last-child {
    margin-bottom: 0;
}

/* Keep responsive tables inside accordion bodies from touching the
   panel edges. */
.accordion-body .table-responsive {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

/* Spacing under the Expand All / Collapse All toggle button. */
[data-npic-toggle-all] {
    margin-bottom: 0.5rem;
}