/* For schools (pages/schools): the seat types and prices table and the inquiry form. The rest of the page is styled
   like the teachers page (fluentplex-teachers.css). */
.for-schools__table-wrap { overflow-x: auto; }
.for-schools__table { width: 100%; border-collapse: collapse; font-size: 15px; }
.for-schools__table th, .for-schools__table td { padding: 12px 10px; text-align: start; border-bottom: 1px solid var(--line-soft, rgba(0, 0, 0, 0.1)); }
.for-schools__table thead th { font-size: 13px; font-weight: 600; color: var(--text-muted); }
.for-schools__table tbody th { font-weight: 600; }
.for-schools__inquiry { padding-block: 28px 48px; }

@media (max-width: 640px) {
  .for-schools__table thead { display: none; }
  .for-schools__table tr { display: block; padding-block: 10px; border-bottom: 1px solid var(--line-soft, rgba(0, 0, 0, 0.1)); }
  .for-schools__table th, .for-schools__table td { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0; border: 0; }
  .for-schools__table td::before { content: attr(data-label); color: var(--text-muted); font-size: 13px; }
}