/* Same horizontal rhythm as the Map Symbols title menu. */
:root {--sgk-menu-gap:28px;}
html body .row {gap:var(--sgk-menu-gap);}
html body .row > .btn {flex-shrink:0;}
html body .row > .statBox {min-width:0;max-width:calc(100% - var(--btnW) - var(--sgk-menu-gap));}
html body .recordRow {
  column-gap:var(--sgk-menu-gap);
  width:min(100%,calc(var(--btnW) * 2 + var(--sgk-menu-gap)));
  grid-template-columns:var(--btnW) minmax(0,1fr);
}
@media(max-width:480px) {:root {--sgk-menu-gap:10px;}}
html body .recordRow > .statBox {width:100%;max-width:none;}
html body .row > .statBox .statTop {min-width:0;max-width:100%;}
html body .row > .statBox .timeLine {max-width:100%;white-space:normal;overflow-wrap:anywhere;}
@media(max-width:480px) {
  html body .row > .statBox {height:auto;min-height:var(--btnH);}
}