/* Keep homepage links and view buttons visually consistent in primary navigation. */
.topbar .primary-nav .nav-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.public-nav{flex-wrap:wrap}
@media(max-width:600px){.public-topbar{align-items:flex-start;flex-wrap:wrap;gap:16px}.public-nav{width:100%;gap:6px 16px}.public-nav a{min-height:44px;display:inline-flex;align-items:center}}

/* Keep every primary destination visible when the header runs out of width. */
@media(max-width:1100px){
  .topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;height:auto}
  .topbar .primary-nav{grid-column:1/-1;grid-row:2;justify-self:center;flex-wrap:wrap;justify-content:center}
  .topbar .primary-nav .nav-link{display:inline-flex!important;min-height:44px;white-space:nowrap}
  .topbar .surprise-button{grid-column:2;grid-row:1}
}
@media(max-width:700px){
  .topbar .primary-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:2px;justify-self:stretch}
  .topbar .primary-nav .nav-link{display:flex!important;justify-content:center;text-align:center;white-space:normal;padding:8px 3px;font-size:.75rem}
}