/* The playable entry remains visible above the fold on phones. */
.navigation > .nav-play { font-weight: 650; }
.header-trial { white-space: nowrap; min-height: 44px; }
@media (max-width:850px) {
  .site-header { grid-template-columns: minmax(120px,1fr) auto auto; gap:10px; }
  .header-trial { display:inline-flex; grid-column:3; grid-row:1; gap:10px; padding:13px 17px; }
}
@media (max-width:680px) {
  .site-header { grid-template-columns: minmax(0,1fr) auto auto; gap:6px; }
  .site-header > .brand { gap:7px; padding:8px 9px 8px 6px; }
  .site-header .brand > img { width:32px; height:27px; }
  .site-header .brand small { font-size:5.5px; letter-spacing:1px; }
  .header-trial { grid-column:2; grid-row:1; padding:11px; gap:7px; font-size:12px; }
  .header-trial > span { font-size:15px; }
  .site-header .menu-toggle { grid-column:3; grid-row:1; gap:7px; padding:11px 12px; font-size:12px; min-height:44px; min-width:44px; justify-content:center; }
  .site-header .menu-toggle i { width:13px; }
}
@media (max-width:360px) {
  .site-header .brand small { display:none; }
  .site-header .brand strong { font-size:14px; letter-spacing:1px; }
  .site-header .brand > img { width:26px; }
  .site-header .menu-toggle > span { display:none; }
}