/* Two readable attorney cards per row on both mobile editions. */
@media (max-width: 700px) {
  .cf-grid,
  .summer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .cf-grid { padding-inline: 12px; }
  .cf-card,
  .summer-card { min-width: 0; overflow-wrap: anywhere; }
  .cf-card { padding: 16px 10px; }
  .cf-card .hs { width: 64px; height: 64px; }
  .cf-card h3 { font-size: 1.1rem; line-height: 1.25; }
  .cf-card .t,
  .cf-card .f,
  .cf-card .c { line-height: 1.45; }
  .cf-card a.lnk { display: inline-flex; align-items: center; min-height: 44px; }
  .summer-directory { padding-inline: 12px; }
  .summer-card-inner { padding: 18px 10px 10px; height: 100%; display: flex; flex-direction: column; }
  .summer-person { flex-direction: column; text-align: center; gap: 12px; margin-bottom: 10px; }
  .summer-person > div { min-width: 0; max-width: 100%; }
  .summer-avatar { width: 64px; height: 64px; flex: 0 0 64px; }
  .summer-avatar img,
  .summer-photo,
  .summer-initials { width: 58px; height: 58px; }
  .summer-avatar .cf-spark { font-size: 15px; }
  .summer-avatar .cf-spark::before { left: -60px; top: 46px; }
  .summer-avatar .cf-spark::after { left: -12px; top: 58px; }
  .summer-person h3 { font-size: 16px; line-height: 1.3; }
  .summer-person p,
  .summer-card .practice,
  .summer-card .recognition-note,
  .summer-card .current-setting { font-size: 12px; line-height: 1.5; }
  .summer-card .practice { text-align: center; margin-bottom: 10px; }
  .summer-card .summer-setting-label,
  .summer-card .summer-multi-label,
  .summer-card .evidence-badge { font-size: 10px; line-height: 1.4; padding: 4px 6px; }
  .summer-card-actions { flex-direction: column; gap: 0; align-items: stretch; margin-top: auto; padding-top: 8px; }
  .summer-card-actions a,
  .summer-card-actions button { justify-content: center; text-align: center; min-height: 44px; font-size: 12px; }
}