#observatoryGallery{color:var(--text);margin:28px 0}
#observatoryGallery .section-header p{color:var(--muted);line-height:1.6;max-width:65ch}
.og-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.og-card{margin:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-width:0}
.og-card a{display:block}.og-card a:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}
.og-card img{display:block;width:100%;height:410px;object-fit:cover;object-position:center}
.og-card figcaption{padding:22px}.og-card h3,.og-plan h3{font-size:1.2rem;margin:12px 0}
.og-card p,.og-plan p{color:var(--soft);font-size:.95rem;line-height:1.7}
.og-plan{margin-top:20px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.og-note{color:var(--muted);font-size:.8rem;line-height:1.5}
@media(max-width:900px){.og-grid{grid-template-columns:1fr}.og-card{display:grid;grid-template-columns:1fr 1fr}.og-card img{height:360px}}
@media(max-width:560px){.og-card{display:block}.og-card img{height:auto;max-height:540px;object-fit:contain}.og-card figcaption{padding:20px}}

.og-night{grid-column:1/-1}.og-night img{height:auto;object-fit:contain}.og-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.og-grid{grid-template-columns:1fr}.og-night{display:block}}