/* Spójny, dwuwierszowy nagłówek quizu i krzyżówki na telefonach. */
@media (max-width: 770px) {
  .site-header { padding: 6px 0; }
  .site-nav.shell {
    width: calc(100% - 28px);
    min-height: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 10px 13px;
    border-radius: 20px;
    font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  }
  .site-nav .brand { font-size: 1.02rem; }
  .site-nav .brand-avatar { width: 38px; height: 38px; flex: 0 0 38px; }
  .site-nav .brand-address { font-size: .6rem; }
  .site-nav .nav-links {
    width: 100%;
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 5px 4px;
  }
  .site-nav .nav-links a { flex: 0 0 auto; font-size: .75rem; }
  .site-nav .theme-toggle { width: 66px; flex: 0 0 66px; min-height: 36px; padding: 0 7px; font-size: .7rem; }
}
