/* Profiles Page - Modern Blue & White Theme */

.profiles-section { padding: 40px 0 80px; background: var(--white); }

.profile-card.modern-card { background:#fff; border-radius:16px; box-shadow:0 10px 30px rgba(16,24,40,.06); padding:24px; text-align:center; }

/* Header */
.profile-header { display:flex; align-items:center; justify-content:center; gap:20px; margin-bottom:16px; flex-wrap:wrap; flex-direction: column; }
.profile-logo img { width:96px; height:96px; object-fit:contain; border-radius:12px; background:#f8fafc; border:1px solid #e5e7eb; padding:8px; margin-bottom:8px; }
.school-name { margin:0 0 6px; font-size:1.5rem; line-height:1.2; color:#0f172a; }
.school-meta { display:flex; gap:16px; flex-wrap:wrap; color:#64748b; font-size:14px; justify-content:center; }
.school-meta .meta-item { display:inline-flex; align-items:center; gap:8px; }
.school-meta i { color: var(--primary-color); }

/* Description */
.profile-description { color:#2b2f3a; line-height:1.8; font-size:1.0625rem; margin:12px 0 8px; }

/* Grid blocks */
.profile-grid { display:grid; grid-template-columns: repeat(2, minmax(260px, 1fr)); gap:20px; margin-top:12px; justify-items:center; text-align:center; }
.profile-block.contact-block { grid-column: 1 / -1; max-width: 900px; margin: 0 auto; }
.profile-block { background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:16px 18px; box-shadow:0 2px 10px rgba(16,24,40,.04); width:100%; }
.block-title { font-size:1.0625rem; font-weight:700; margin:0 0 10px; display:flex; align-items:center; justify-content:center; gap:10px; color:#0f172a; }
.block-content { color:#2b2f3a; line-height:1.7; text-align:center; }

/* Mission list */
.mission-list { margin:0; padding-left:0; list-style:none; display:flex; flex-direction:column; gap:6px; }
.mission-list li { line-height:1.6; text-align:center; }

/* Contacts */
.contact-list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px; align-items:center; }
.contact-list li { display:flex; align-items:flex-start; justify-content:center; gap:10px; color:#2b2f3a; text-align:center; }
.contact-list i { color: var(--primary-color); margin-top:3px; }
.contact-list a { color: var(--primary-color); text-decoration:none; }
.contact-list a:hover { text-decoration:underline; }

/* Page header spacing override */
.page-header-modern { padding:36px 0; }

@media (max-width: 992px) {
  .profile-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  .profile-card.modern-card { padding:18px; border-radius:12px; }
  .school-name { font-size:1.25rem; }
}