/* =================================================================== AC26 COMMUNITY section css =================================================================== */
.ac26-community {
    padding-block: var(--sectionGap);
    background: var(--surface-1);

    & .ac26-community__head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);
        align-items: end;
        gap: var(--sp50);
        margin-bottom: var(--sp50);

        & .section-title-wrap { margin-bottom: 0; }
    }

    & .ac26-community__text { font-size: var(--f18); }

    & .ac26-community__note {
        grid-column: span 3;
        display: flex; flex-direction: column; align-items: flex-start; justify-content: center;
        gap: var(--sp10);
        background: var(--blue-50);
        &:hover { background: var(--blue-50); }
    }

    & .ac26-community__note-title {
        font-size: var(--f24);
        font-weight: 600;
        letter-spacing: -.01em;
        color: var(--ink);
    }
}

/* =================================================================== RESPONSIVE =================================================================== */
@media (max-width: 991.98px) {
    .ac26-community {
        & .ac26-community__head { grid-template-columns: 1fr; gap: var(--sp20); }
    }
}

@media (max-width: 767.98px) {
    .ac26-community {
        & .ac26-community__wall { grid-template-columns: repeat(3, minmax(0, 1fr)); }
        & .logo-wall__item img { max-width: 100%; }
    }
}

@media (max-width: 575.98px) {
    .ac26-community {
        & .ac26-community__wall { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        & .ac26-community__note { grid-column: span 1; }
        & .ac26-community__note-title { font-size: var(--f18); }
    }
}