/* セクション */
.aaa-kana-section { margin: 32px 0; }
.aaa-kana-section__heading { font-size: 1.4rem; margin: 0 0 12px; }

/* グリッド（PC列数は属性で切替） */
.aaa-kana-section__grid {
  display: grid;
  gap: 12px;
}
.aaa-kana-section.cols-1 .aaa-kana-section__grid { grid-template-columns: 1fr; }
.aaa-kana-section.cols-2 .aaa-kana-section__grid { grid-template-columns: repeat(2, 1fr); }
.aaa-kana-section.cols-3 .aaa-kana-section__grid { grid-template-columns: repeat(3, 1fr); }
.aaa-kana-section.cols-4 .aaa-kana-section__grid { grid-template-columns: repeat(4, 1fr); }
.aaa-kana-section.cols-5 .aaa-kana-section__grid { grid-template-columns: repeat(5, 1fr); }

@media (max-width: 768px) {
  .aaa-kana-section__grid { grid-template-columns: repeat(2, 1fr) !important; }
}

/* サイトカード */
.aaa-site-card { background:#fff; border:1px solid #e5e5e5; border-radius:8px; overflow:hidden; }
.aaa-site-card__link { display:flex; gap:10px; padding:10px; text-decoration:none; color:inherit; align-items:center; }
.aaa-site-card__logo { width:64px; height:64px; flex:0 0 64px; display:flex; align-items:center; justify-content:center; background:#fafafa; border-radius:6px; overflow:hidden; }
.aaa-site-card__logo img { width:100%; height:100%; object-fit:contain; }
.aaa-site-card__logo--ph { font-size:.75rem; color:#aaa; }

.aaa-site-card__body { flex:1; min-width:0; }
.aaa-site-card__title { font-weight:700; display:flex; align-items:center; gap:8px; }
.aaa-site-card__badge { font-size:.75rem; padding:2px 6px; border-radius:4px; border:1px solid #ddd; }
.aaa-site-card__badge.is-超優良 { background:#ffe; border-color:#dd0; }
.aaa-site-card__badge.is-優良   { background:#eef9ff; border-color:#99d; }
.aaa-site-card__badge.is-普通   { background:#f4f4f4; }
.aaa-site-card__badge.is-悪質   { background:#fee; border-color:#e88; color:#a00; }
.aaa-site-card__badge.is-閉鎖   { background:#eee; color:#666; }

.aaa-site-card__meta { margin-top:4px; display:flex; gap:10px; flex-wrap:wrap; font-size:.9rem; }
.aaa-site-card__rank { font-weight:600; }
.aaa-site-card__rating { font-weight:600; }
.aaa-site-card__brp { font-weight:600; }