/* For schools (pages/schools, sites/fluentplex/pages/schools): plans, seat types and prices, the inquiry form */
.for-schools__section { display: flex; flex-direction: column; gap: 14px; padding-block: 28px; }
.for-schools__h2 { font-size: clamp(22px, 3vw, 28px); line-height: 1.2; }
.for-schools__h3 { font-size: 20px; font-weight: 600; }
.for-schools__two { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 20px; align-items: start; }
.for-schools__plan { display: flex; flex-direction: column; gap: 10px; }
.for-schools__list { margin: 0; padding-inline-start: 20px; display: flex; flex-direction: column; gap: 8px; }
.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__faq { border-bottom: 1px solid var(--line-soft, rgba(0, 0, 0, 0.1)); padding-block: 12px; }
.for-schools__faq > summary { cursor: pointer; font-weight: 600; }
.for-schools__faq > p { margin: 8px 0 0; }
.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; }
}