/* The existing detail's flex-wrapped metadata must not take the entire phone
   viewport away from the coverage table. Scoped to this panel only. */
@media (max-width: 650px) {
  .v2-topic-page:has(.topic-our-sites) .v2-topicbar-chips {
    flex-basis: 100%;
    flex-wrap: nowrap !important;
    overflow-x: auto;
  }
  .v2-topic-page:has(.topic-our-sites) .v2-topicbar-chips > .inline-flex {
    flex: 0 0 auto;
    flex-wrap: nowrap !important;
  }
}
.topic-our-sites .our-sites-table { min-width: 760px; table-layout: fixed; border-collapse: collapse; }
.topic-our-sites .our-sites-table th,
.topic-our-sites .our-sites-table td { padding: 0 8px; height: 34px; vertical-align: middle; font-size: 12px; line-height: 18px; text-align: left; }
.our-sites-cell { display: flex; align-items: center; gap: 6px; min-width: 0; white-space: nowrap; }
.our-sites-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.our-sites-marker { flex-shrink: 0; font-size: 10px; color: var(--ctp-subtext0); }
.our-sites-review { flex-shrink: 0; padding: 0 4px; border-radius: 3px; background: var(--ctp-surface0); color: var(--ctp-red); font-size: 10px; }
.our-sites-actions { justify-content: space-between; }
.our-sites-info-button { flex-shrink: 0; width: 24px; height: 24px; border: 1px solid var(--ctp-surface2); border-radius: 50%; color: var(--ctp-subtext0); font-weight: 600; line-height: 20px; }
.our-sites-info-button:hover, .our-sites-info-button[aria-expanded=true] { background: var(--ctp-surface0); color: var(--ctp-text); }
.our-sites-info { position: fixed; z-index: 90; padding: 12px; overflow: auto; color: var(--ctp-text); font-size: 12px; line-height: 1.5; }
.our-sites-info header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.our-sites-info header button { flex-shrink: 0; width: 28px; height: 28px; font-size: 20px; }
.our-sites-info h3 { font-size: 12px; font-weight: 600; margin: 10px 0; overflow-wrap: anywhere; }
.our-sites-info dl { display: grid; grid-template-columns: 110px minmax(0,1fr); gap: 8px; margin-top: 12px; }
.our-sites-info dt { color: var(--ctp-subtext0); }
.our-sites-info dd { margin: 0; overflow-wrap: anywhere; }
.our-sites-info a { color: var(--ctp-blue); text-decoration: underline; }
.our-sites-info pre, .our-sites-qualifications { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; margin: 12px 0 0; }
.topic-our-sites :focus-visible, .our-sites-info :focus-visible { outline: 2px solid var(--ctp-blue); outline-offset: 2px; }
/* Small text needs the existing darker semantic accents in Latte. */
.topic-our-sites .text-ctp-lavender { color: var(--ctp-blue); }
.topic-our-sites .text-ctp-peach { color: var(--ctp-red); }