.experience .tags button {
  appearance: none;
  border: 1px solid #c9ddda;
  background: transparent;
  border-radius: 100px;
  color: #17333a;
  font: inherit;
  padding: .65rem 1.25rem;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.experience .tags button:hover,
.experience .tags button.active {
  background: #173b43;
  border-color: #173b43;
  color: #fff;
}
.experience .tags button:focus-visible,
.theme-nav button:focus-visible { outline: 3px solid #b48243; outline-offset: 3px; }
.experience .theme-panel { margin: 0; overflow: hidden; }
.experience .theme-panel img { display: block; width: 100%; height: clamp(330px,40vw,570px); object-fit: cover; }
.theme-caption { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .8rem 1rem; background: #f2f4ef; color: #17333a; font-size: .92rem; line-height: 1.35; }
.theme-nav { display: inline-flex; align-items: center; gap: .65rem; flex: none; font-variant-numeric: tabular-nums; }
.theme-nav button { display: grid; place-items: center; width: 2.4rem; height: 2.4rem; padding: 0; border: 1px solid #bfcfca; border-radius: 50%; color: #17333a; background: #fff; font: inherit; cursor: pointer; }
.theme-nav button:hover { background: #173b43; color: #fff; }
@media (max-width:760px) { .experience .theme-panel img { height: 65vw; min-height: 260px; } .theme-caption { flex-wrap: wrap; } }