.fellowship-media-page { min-height: 70vh; color: #18344f; background: #f4f9fd; }
.fellowship-media-hero { padding: clamp(4rem, 8vw, 7rem) 1.25rem clamp(3rem, 6vw, 5rem); text-align: center; color: #fff; background: linear-gradient(125deg, #133c55, #386fa4, #59a5d8); }
.fellowship-media-hero p { margin: 0 0 .7rem; color: #dcefff; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.fellowship-media-hero h1 { margin: 0; color: #fff; font-size: clamp(2.1rem, 6vw, 4.5rem); line-height: 1.12; }
.fellowship-back-link { display: inline-flex; margin-top: 1rem; padding: .55rem .9rem; color: #fff; border: 1px solid rgba(255,255,255,.65); border-radius: 999px; text-decoration: none; }
.fellowship-back-link:hover { background: rgba(255,255,255,.14); }
.fellowship-media-section { width: min(90rem, calc(100% - 2rem)); margin: auto; padding: clamp(3rem, 7vw, 6rem) 0; }
.fellowship-media-section > h2 { margin: 0 0 2.5rem; color: #1565c0; font-size: clamp(1.8rem, 4vw, 3rem); text-align: center; }
.sse-media-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(15rem, 100%), 1fr)); grid-auto-flow: row dense; gap: clamp(.8rem, 2vw, 1.35rem); align-items: stretch; }
.sse-media-gallery > img { display: block; width: 100%; height: clamp(15rem, 25vw, 22rem); padding: .35rem; object-fit: cover; background: #fff; border: 1px solid rgba(19,60,85,.13); border-radius: .85rem; box-shadow: 0 .45rem 1.25rem rgba(19,60,85,.12); cursor: zoom-in; transition: transform .22s ease, box-shadow .22s ease; }
.sse-media-gallery.is-certificates > img { object-fit: contain; }
.sse-media-gallery > img:hover { transform: translateY(-.2rem); box-shadow: 0 .75rem 1.6rem rgba(19,60,85,.2); }
.fellowship-media-switcher { display: flex; justify-content: center; gap: .65rem; margin: 1.5rem auto 0; }
.fellowship-media-switcher a { padding: .65rem 1rem; color: #0d47a1; background: #fff; border: 1px solid #b8cde2; border-radius: 999px; font-weight: 700; text-decoration: none; }
.fellowship-media-switcher a[aria-current="page"] { color: #fff; background: #1565c0; border-color: #1565c0; }
.fellowship-lightbox { position: fixed; z-index: 99998; inset: 0; display: grid; place-items: center; padding: 4rem; background: rgba(3,14,27,.91); }
.fellowship-lightbox[hidden] { display: none; }
.fellowship-lightbox img { max-width: min(88vw, 80rem); max-height: 84vh; object-fit: contain; border-radius: .65rem; box-shadow: 0 1.5rem 4rem rgba(0,0,0,.45); }
.fellowship-lightbox button { position: fixed; display: grid; place-items: center; width: 3rem; height: 3rem; padding: 0; color: #fff; background: rgba(21,101,192,.88); border: 1px solid rgba(255,255,255,.8); border-radius: 50%; cursor: pointer; font-size: 1.5rem; }
.fellowship-lightbox-close { top: 1.25rem; right: 1.25rem; }
.fellowship-lightbox-prev { top: 50%; left: 1.25rem; transform: translateY(-50%); }
.fellowship-lightbox-next { top: 50%; right: 1.25rem; transform: translateY(-50%); }
.fellowship-lightbox button:focus-visible { outline: 3px solid #66b2ff; outline-offset: 3px; }
body.sse-editing .sse-media-gallery > img { cursor: pointer; }
@media (max-width: 37.5rem) {
  .sse-media-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
  .sse-media-gallery > img { height: 12rem; }
  .fellowship-lightbox { padding: 3.5rem .75rem; }
}
@media (prefers-reduced-motion: reduce) { .sse-media-gallery > img { transition: none; } }