.media-tabs{position:sticky;top:98px;z-index:12;display:flex;gap:10px;margin:0 0 42px;padding:10px;width:max-content;max-width:100%;background:#0b1220e8;border:1px solid var(--line);border-radius:16px;backdrop-filter:blur(18px)}
.media-tabs button{min-width:110px;padding:11px 20px;border:1px solid transparent;border-radius:10px;color:var(--muted);font-weight:700}
.media-tabs button[aria-selected=true]{background:linear-gradient(110deg,#8edaf1,#b9a7ff);color:#080c19}
.media-panel{min-height:420px}
.city-gallery{padding:0 0 70px;margin:0 0 70px;border-bottom:1px solid var(--line)}
.city-gallery header{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:26px}
.city-gallery header h2{margin:0}
.city-gallery header>p{max-width:580px;margin:0;color:var(--muted)}
.city-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.city-photo{text-align:left;padding:0;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#10192d}
.city-photo img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .35s}
.city-photo:hover img{transform:scale(1.02)}
.city-photo span{display:block;padding:14px 16px;color:#dce7fa;font-size:14px}
.media-photo-dialog img{display:block;width:100%;max-height:72svh;object-fit:contain;background:#050812}
.media-audio-grid{display:grid;gap:18px}
.media-audio-card{display:grid;grid-template-columns:72px 1fr;gap:22px;padding:24px;border:1px solid var(--line);border-radius:16px;background:#0e1729}
.media-audio-card>span{font-family:Unbounded,Manrope,sans-serif;color:#7ae0ef;font-size:22px}
.media-audio-card small{color:var(--muted)}
.media-audio-card h2{font-size:24px;margin:5px 0 18px}
.media-audio-card audio{width:min(100%,560px)}
.media-audio-card p{margin:14px 0 0;color:var(--muted);font-size:13px}
html[data-theme=light] .media-tabs{background:#f7f8f0e8}
html[data-theme=light] .city-photo,html[data-theme=light] .media-audio-card{background:#fffef9;color:#182015;border-color:#d6dfca}
html[data-theme=light] .city-photo span{color:#182015}
@media(max-width:700px){.media-tabs{top:82px;width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:30px}.media-tabs button{min-width:0;padding:10px 7px}.city-gallery{padding-bottom:44px;margin-bottom:44px}.city-gallery header{grid-template-columns:1fr;gap:12px}.city-photo-grid{grid-template-columns:1fr}.media-audio-card{grid-template-columns:42px 1fr;gap:12px;padding:18px}.media-audio-card h2{font-size:20px}.media-audio-card audio{width:100%}}
@media(prefers-reduced-motion:reduce){.city-photo img{transition:none}}