.panel-variants { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0 0 18px; }
.panel-variants > span { margin-right: 8px; font-size: 13px; color: #647069; }
.panel-variants a { min-width: 72px; padding: 10px 14px; text-align: center; border: 1px solid #cfd8d3; border-radius: 5px; background: #fff; font-size: 14px; font-weight: 700; }
.panel-variants a[aria-current="page"] { border-color: #23745c; background: #eaf5ef; color: #145b43; }
.panel-variants a:hover { border-color: #23745c; }
.guide-card img { object-fit: cover; padding: 0; }
.gallery-main > a { display: block; width: 100%; height: 100%; cursor: zoom-in; }
@media (max-width: 460px) {
  .panel-variants > span { flex-basis: 100%; }
  .panel-variants a { min-width: 0; flex: 1; padding: 10px 8px; }
}