/* Language controls share the site's header without expanding the mobile nav. */
.ptc-header { gap: 16px; }
.ptc-header .ptc-brand { margin-right: auto; }
.ptc-language-switcher {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  padding: 3px;
  border: 1px solid #43353d;
  border-radius: 2px;
  gap: 2px;
}
.ptc-language-switcher a {
  display: block;
  padding: 9px 10px;
  color: #aaa7ae;
  font: 500 11px/1.2 Inter, Arial, sans-serif;
  text-decoration: none;
}
.ptc-language-switcher a[aria-current="true"] {
  color: #fff;
  background: #80291f;
}
.ptc-language-switcher a:hover { color: #fff; background: #43353d; }
.ptc-language-switcher a:focus-visible { outline: 2px solid #ff3a2a; outline-offset: 2px; }
.hero-meta { flex-wrap: wrap; }
.hero-meta span { white-space: nowrap; }
.ptc-hero-copy { min-width: 0; }
#main [id] { scroll-margin-top: 100px; }
@media (max-width: 809px) {
  .ptc-header .ptc-brand { order: 1; }
  .ptc-header .ptc-language-switcher { order: 2; }
  .ptc-header nav { order: 3; }
  .ptc-header nav a { white-space: nowrap; padding-inline: 5px; font-size: 9px; }
  #main .ptc-hero h1 { font-size: clamp(24px, 7.4vw, 38px) !important; }
  #main [id] { scroll-margin-top: 150px; }
}