/* ------------------------------------------------------------
   synappro design system — science
   Requires tokens.css, chrome.css, components.css.
   ------------------------------------------------------------ */

.references-list { display: flex; flex-direction: column; gap: 16px; }

/* This page's accordion uses slightly larger padding than the generic
   component spec (32px 40px summary / 40px body, vs 28px 36px), plus a
   two-line summary label (title + reference count/topic) instead of the
   single-line text the generic .accordion-item summary assumes. */
.references-list .accordion-item summary { align-items: center; padding: 32px 40px; }
.references-list .accordion-item summary::after { width: 44px; height: 44px; font-size: var(--fs-21); }
.references-list .accordion-item-body { padding: 0 40px 40px; }
.accordion-summary-title {
    display: block;
    font-family: var(--font-heading);
    font-size: var(--fs-33);
    line-height: 1.2;
    color: var(--ink-900);
}
.accordion-summary-meta {
    display: block;
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ink-500);
    margin-top: 8px;
}

.reference-group-label {
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ink-900);
    margin: 28px 0 12px;
}
.reference-group-label:first-child { margin-top: 0; }

.reference-list {
    margin: 0 0 8px;
    padding-left: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.reference-list li { font-size: 16px; line-height: 1.6; color: var(--ink-700); }

.science-disclaimer { font-size: 16px; line-height: 1.6; color: var(--ink-500); margin: 32px 0 0; max-width: 72ch; }
.reference-intro { max-width: 72ch; }