/* Adjustments from measured first-fold QA, applied after the base stylesheet. */
:root{color-scheme:light}
@media(max-width:600px){
  header{padding-top:8px;padding-bottom:8px;min-height:66px}
  .heading{margin-bottom:16px}
  .heading h1{margin-bottom:8px}
  .heading p:not(.eyebrow){margin-bottom:0}
  .eyebrow{margin-bottom:4px}
  .account-field{margin-top:16px}
  .metrics div{padding:12px}
  .toolbar>div label{margin-bottom:4px}
  .toolbar #sync{width:auto;flex:1}
  .toolbar{gap:8px}
  .toolbar{display:grid;grid-template-columns:auto 1fr}
  .toolbar>div:first-child{order:0;grid-column:1 / -1}
  .toolbar>div:nth-child(2){order:2;grid-column:1 / -1}
  .toolbar>button,.toolbar #sync{order:1}
  .notice{padding-top:8px;padding-bottom:8px}
}