/* Większe cele dotykowe i brak powiększania pól przez mobilną przeglądarkę. */
body > nav.langs { display: flex; flex-wrap: wrap; gap: .3rem; justify-content: flex-end; padding: .4rem 1rem; max-width: 1120px; margin-inline: auto; }
body > nav.langs a { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; min-height: 36px; color: inherit; text-decoration: none; border-radius: 8px; }
body > nav.langs a[aria-current] { background: rgba(127,127,127,.15); font-weight: 700; }
@media (max-width: 820px) {
  /* Klawiatura ma następować po zadaniu, a nie nachodzić na nie. */
  .pmain > .dock:has(.pad) { position: static; }
}
@media (max-width: 640px) {
  .top .wrap > .spacer { display: none; }
  .top .brand { flex: 1; }
  input, select, textarea { font-size: max(16px, 1em); }
  select, .iconbtn, .back, .link-btn { min-height: 44px; }
  .langs a, .langs span { min-width: 36px; min-height: 36px; }
  button, a, summary { touch-action: manipulation; }
  h1, .brand b { overflow-wrap: anywhere; }
}
@media (max-width: 360px) {
  /* Gwiazdki pozostają na mapie i w wyniku; tytuł dostaje miejsce w nagłówku. */
  .top .wrap > .pill { display: none; }
  .top .brand { flex: 1; }
}