.edow-gallery { margin: 2rem auto 4rem; }
.edow-gallery__nav { display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem; margin: 0 0 3.5rem; }
.edow-gallery__nav a { display: inline-block; padding: .8rem 1.25rem; border: 1px solid #20598e; color: #20598e; text-decoration: none; font-weight: 600; text-align: center; transition: background-color .2s, color .2s; }
.edow-gallery__nav a:hover, .edow-gallery__nav a:focus-visible { background: #20598e; color: #fff; }
.edow-gallery__nav a:focus-visible { outline: 3px solid #0380b6; outline-offset: 3px; }
.edow-gallery__section { scroll-margin-top: 7rem; margin: 0 0 4rem; }
.edow-gallery__section h2 { margin-bottom: 1.5rem; color: #20598e; }
.edow-gallery__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; }
.edow-gallery__case { margin: 0; background: #f4faff; }
.edow-gallery__pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px; }
.edow-gallery__pair > div { position: relative; }
.edow-gallery__pair span { display: block; padding: .35rem .75rem; background: #20598e; color: #fff; font-size: .8rem; font-weight: 600; text-align: center; }
.edow-gallery__case img { display: block; width: 100%; height: auto; }
.edow-gallery__case figcaption { padding: 1rem; color: #4d4d4d; text-align: center; }
@media (max-width: 700px) { .edow-gallery__grid { grid-template-columns: 1fr; } .edow-gallery__nav { justify-content: stretch; } .edow-gallery__nav a { flex: 1 1 100%; } }