.see-also-link { display: flex; align-items: center; justify-content: center; height: 34px; padding: 0 10px; border-radius: 17px; background: rgba(255,255,255,.1); flex-shrink: 0; font-size: 11px; color: #fff; text-transform: uppercase; letter-spacing: .04em; }
.see-also-link:active { background: rgba(55,138,221,.4); }

.photo-grid { display: grid; gap: 2px; background: var(--border); }
.photo-grid a { display: block; aspect-ratio: 1/1; overflow: hidden; background: var(--paper); }
.photo-grid a img { width: 100%; height: 100%; object-fit: cover; display: block; }
.photo-grid a:active img { opacity: .72; }

.info-panel { background: var(--cream); color: var(--ink); padding: 18px; }
.info-blk { margin-bottom: 18px; }
.info-blk:last-child { margin-bottom: 0; }
.info-lbl { font-size: 10px; text-transform: uppercase; letter-spacing: .12em; color: var(--muted); margin-bottom: 8px; }

.subsections a { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid var(--border); font-size: 15px; }
.subsections a:last-child { border-bottom: none; }
.subsections a::after { content: '\203A'; color: var(--gold); font-size: 20px; }
.subsections a:active { color: var(--gold); }
.subsections:empty { display: none; }
.info-blk:has(.subsections:empty) { display: none; }
.info-blk:has(.kml-wrap:empty) { display: none; }
.info-blk:has(.brother-wrap:empty) { display: none; }
#see-also { scroll-margin-top: 62px; }

.dates-wrap:empty { display: none; }
.info-blk:has(.dates-wrap:empty) { display: none; }
.dates-wrap { font-size: 13px; color: var(--muted); }