.brand-index { text-align: center; margin: 20px 0px; font-size: 16px; }
.brand-index a { margin: 0 6px; text-decoration: none; color: #29a6d8; font-weight: 500; }
.brand-list { display: flex; flex-wrap: wrap; gap: 40px; }
.brand-group { flex: 1 1 30%; min-width: 280px; }
.brand-group h2 { font-size: 32px; font-weight: bold; margin-top: 20px; }
.brand-group ul { list-style: none; padding-left: 0; }
.brand-group li { margin-bottom: 6px; }
.brand-group a { color: #29a6d8; text-decoration: underline; }
@media (max-width: 768px) {
    .brand-group { flex: 1 1 100%; }
}