/* ======================================================================
   Specification accordion — Cohort 1 (Professional Charcoal)
   Bootstrap-first: full Bootstrap accordion component (data-bs-toggle="collapse")
   handles collapse mechanics. This file only carries premium polish.
   ====================================================================== */

.specification-1-accordion .accordion-item {
    border-color: var(--bs-border-subtle, var(--bs-border-color));
}

.specification-1-accordion .accordion-button {
    background: var(--bs-body-bg, var(--bs-body-bg));
    color: var(--bs-body-color, var(--bs-body-color));
}

.specification-1-accordion .accordion-button:not(.collapsed) {
    background: var(--bs-light-primary, var(--bs-tertiary-bg));
    color: var(--bs-primary, var(--bs-body-color));
    box-shadow: none;
}

.specification-1-accordion .accordion-button:focus {
    box-shadow: 0 0 0 0.2rem rgba(17, 24, 39, 0.08);
    border-color: var(--bs-primary, var(--bs-body-color));
}

/* Row hover for scanability */
.specification-1-row { transition: background 0.15s ease; }
.specification-1-row:hover { background: var(--bs-light-secondary, var(--bs-secondary-bg)); }
.specification-1-row:last-child { border-bottom: 0 !important; }

/* Stack key/value on small screens */
@media (max-width: 575.98px) {
    .specification-1-row { flex-wrap: wrap; gap: 4px !important; }
    .specification-1-key { min-width: 100% !important; }
}