/* ─── Feature Accordion Component — reusable across v2 landing pages ────────
 *
 * Companion to the SITE-WIDE `.according-select` / `.according-item` /
 * `.according-image` binding in assets2/js/main.js (already enqueued
 * globally — no extra JS needed). This stylesheet only supplies the
 * "active" state visuals, scoped to .ef-feature-accordion so it doesn't leak
 * into other pages' accordion instances.
 *
 * Ported from assets2/css/communication.css's `.comm-feature-scale` rules.
 * ───────────────────────────────────────────────────────────────────────── */

.ef-feature-accordion .according-item.active {
    background: #fff;
    border-color: transparent;
}
.ef-feature-accordion .according-item.active .ef-feature-accordion-item-inner {
    opacity: 1;
}

/* main.js toggles .active on .according-image — hide all, show active */
.ef-feature-accordion .according-image {
    display: none;
}
.ef-feature-accordion .according-image.active {
    display: block;
}

/* 768–1023: image height follows the list, so the list must stay natural height —
   override main.js's inline min-height (meant for the 1024+ full-height layout). */
@media (min-width: 768px) and (max-width: 1023px) {
    .ef-feature-accordion .according-item.active {
        min-height: auto !important;
    }
}