/* The dashboard page frame: the content column and the page title row.
   Shared by every dashboard page, after css/sidebar.css. */
.main{min-height:100vh}
.topbar{display:flex;justify-content:space-between;align-items:center}
@media(max-width:48rem){
  /* rows never wrapped, so fixed-width children pushed past the viewport */
  .topbar{flex-wrap:wrap;row-gap:.4rem}
}
@media(min-width:48.0625rem){
  .topbar h1{display:flex;align-items:center;min-height:var(--dashboard-header-row)}
}
.main{padding:var(--dashboard-top-space) clamp(1.5rem,4vw,4rem);max-width:90rem}
.topbar{margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px solid var(--line)}
.topbar h1{font-size:clamp(1.625rem,2.5vw,2.25rem);font-weight:500;letter-spacing:-.04em}
@media(max-width:48rem){
  .topbar{margin-bottom:1.5rem}
  .topbar h1{font-size:1.625rem}
}
/* Dashboard surfaces share the public site's spacing and neutral type */
.main{min-width:0}
.topbar{gap:1rem;flex-wrap:wrap}
@media(max-width:48rem){
  .main{padding:6.625rem 1rem 2rem}
  .topbar{margin-top:0;align-items:flex-start}
}