/* ====== Section listing pages (courses / articles / camps / graduates) ====== */

.section-list .page-hero__title{display:flex;align-items:center;gap:12px}
.section-list .page-hero__title .ico{width:32px;height:32px;color:var(--brand);flex:none}

/* Graduates rendered as a full grid here (not the homepage carousel),
   so override the dimmed/scaled flex-item look. */
.grad-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}
.grad-grid .grad-card{flex:none;width:auto;opacity:1;transform:none}

/* Empty-state message */
.section-empty{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:18px;text-align:center;padding:60px 0}
.section-empty .ico{width:22px;height:22px;color:var(--brand)}

/* Back-to-home link */
.section-list__back{margin-top:48px;text-align:center}
.section-list__back .ico{width:18px;height:18px}

/* Search results page — grouped hits + in-page search field */
.search-group{margin-bottom:56px}
.search-group:last-of-type{margin-bottom:0}
.search-group .sec-head__title{margin:0 0 20px;display:flex;align-items:center;gap:10px;font-size:22px;color:var(--text)}
.search-group .sec-head__title .ico{width:24px;height:24px;color:var(--brand);flex:none}
.search-bar__form--page{display:flex;align-items:center;gap:12px;margin-top:18px;padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;max-width:640px}
.search-bar__form--page > .ico{width:20px;height:20px;color:var(--muted);flex:none}
.search-bar__form--page .search-bar__input{flex:1;border:none;background:transparent;font-size:16px;outline:none;padding:6px 0}