/* Compact vertical rhythm across the page and game panels. */
header{height:92px}
.intro{padding-top:26px;padding-bottom:22px;row-gap:14px}
.intro h1{margin-top:10px;margin-bottom:8px}
.layout{row-gap:16px}
.mode-tabs{padding-top:7px;padding-bottom:7px}
.paneltop{height:40px}
.controls{padding-top:18px;padding-bottom:14px}
.controlbottom{margin-top:10px}
.legend{padding-top:14px;padding-bottom:14px;row-gap:8px}
.scanner-note{padding-top:12px;padding-bottom:12px}
.game #result{margin-bottom:16px}
.briefing{padding-top:20px;padding-bottom:20px}
.briefing h2{margin-top:14px;margin-bottom:10px}
.briefing>p{margin-bottom:18px}
.briefing li{margin-top:14px;margin-bottom:14px}
.briefing .tip{margin-top:16px;padding-top:12px}
.daily-info{margin-top:12px;padding-top:16px;padding-bottom:16px}
.daily-info p,.daily-info .daily-caption{margin-top:8px;margin-bottom:8px}
.daily-info button{margin-top:10px}
.newround{margin-top:12px;padding-top:12px;padding-bottom:12px}
.database{margin-top:12px}
.bottomline{padding-top:20px;padding-bottom:24px}
footer{padding-top:18px;padding-bottom:22px;row-gap:12px}
@media(max-width:900px){
  aside{row-gap:12px}
  aside .daily-info,aside .newround,aside .database{margin-top:0}
}
@media(max-width:760px){
  header{height:76px}
  .intro{padding-top:20px;padding-bottom:18px;row-gap:14px}
  .layout{row-gap:12px}
  .controls{padding-top:14px;padding-bottom:12px}
  .legend{padding-top:12px;padding-bottom:12px}
  .mobile-table-hint{padding-top:8px}
  .bottomline{padding-top:16px;padding-bottom:18px}
  footer{padding-top:14px;padding-bottom:18px}
}