/* Public reference pages share the app's components and typography. */
.public-guide { overflow-wrap: anywhere; }
/* Long reference articles must be readable immediately, including without JS. */
.public-guide .screen { animation: none; }
.public-bar, .public-directory {
  max-width: 1200px; margin: 0 auto; padding: 20px 24px;
}
.public-bar { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.public-brand { font-weight: 800; font-size: 23px; text-decoration: none; color: var(--ink); }
.public-languages { flex: 1; gap: 16px; flex-wrap: wrap; }
.public-languages a[aria-current] { font-weight: 700; }
.public-guide a { overflow-wrap: anywhere; }
.public-guide .country-tile strong { overflow-wrap: anywhere; }
.public-guide .country-head, .public-guide .country-content,
.public-guide .country-title-row, .public-guide .country-title-row h1,
.public-guide .city-head-actions { min-width: 0; }
.public-guide .country-title-row, .public-guide .city-head-actions { flex-wrap: wrap; }
.public-guide .country-title-row h1 { overflow-wrap: anywhere; }
.public-guide .public-copy { white-space: pre-line; }
.public-guide .public-static-topics { align-self: start; }
.public-guide .public-static-topics a { text-decoration: none; }
.public-guide .public-directory { padding-bottom: 40px; }
.public-guide .public-directory[hidden] { display: none; }
.public-guide [id] { scroll-margin-top: 16px; }
@media (max-width: 700px) {
  .public-bar { gap: 12px; padding: 16px; }
  .public-languages { order: 3; flex-basis: 100%; }
  .public-guide .public-static-topics { position: static; display: flex; flex-direction: row; flex-wrap: wrap; gap: 8px; }
  .public-guide .public-static-topics a { width: auto; padding: 10px; }
}