/* The open navigation is a modal layer above the persistent command bar.
   Otherwise scrolling a menu item underneath that bar makes it unclickable. */
#navigationBackdrop { z-index:10040; }
#navigationDrawer { z-index:10041; }

@media (min-width:721px) {
  /* Match the 1840px shell, including its 22px inner gutter, not a separate
     toolbar maximum. Empty space belongs between the left and right actions. */
  #persistentCommandBar { padding-inline:22px; }
  #persistentCommandBar .persistent-command-bar-controls {
    max-width:1796px;
    grid-template-columns:auto auto minmax(20px,1fr) auto auto auto !important;
    gap:10px;
  }
  #persistentMenuButton { grid-column:1; grid-row:1; }
  #persistentUploadButton { grid-column:2; grid-row:1; width:auto; min-width:180px; }
  #persistentCommandBar .in-app-notification-button { grid-column:4; grid-row:1; }
  #persistentCommandBar .persistent-top-button { grid-column:5; grid-row:1; }
  #persistentSettingsButton { grid-column:6; grid-row:1; }

  /* Upcoming pairs vary with viewport/zoom. Normal-flow proportion boxes keep
     WebKit from retaining the old nested grid row height during resize. */
  #results [data-panel="upcoming"] .upcoming-modern-segment > .dashboard-grid {
    display:flex; flex-wrap:wrap; align-items:flex-start;
  }
  #results [data-panel="upcoming"] .upcoming-gauge-pair-card { width:calc(50% - 6px); }
  #results [data-panel="upcoming"] .dashboard-grid > .gauge-pair-card { display:block; }
  #results [data-panel="upcoming"] .gauge-pair-card .gauge-pair-body { display:flex; margin-top:4px; }
  #results [data-panel="upcoming"] .gauge-pair-card .paired-gauge-lane { display:block; flex:1 1 0; }
  #results [data-panel="upcoming"] .gauge-pair-card .paired-gauge-lane > .premium-dashboard-gauge-shell {
    aspect-ratio:auto;
  }
  #results [data-panel="upcoming"] .gauge-pair-card .paired-gauge-lane > .premium-dashboard-gauge-shell::before {
    content:""; display:block; padding-top:69.230769%;
  }
  #results [data-panel="upcoming"] .gauge-pair-card .paired-gauge-lane .gauge-value {
    top:70%; transform:translateY(-50%);
    font-size:clamp(26px,3.4vw,58px); line-height:1;
  }
  #results [data-panel="upcoming"] .gauge-pair-card .paired-gauge-lane .gauge-scale {
    top:86%; line-height:1.2;
    font-size:clamp(10px,1vw,13px);
  }
  #results [data-panel="upcoming"] .gauge-pair-card .paired-gauge-lane .gauge-labels {
    top:90%; left:0; right:0; line-height:1.2;
    font-size:clamp(10px,1vw,16px);
  }
}
@media (min-width:721px) and (max-width:900px) {
  #results [data-panel="upcoming"] .upcoming-gauge-pair-card { width:100%; }
}