/* One mobile heading rhythm for the three primary work lists.
   Company masthead remains owned by the shared app shell. */
@media(max-width:720px){
  .route-diary .diary-v2>.topbar,
  .route-jobs .jobs-page>.jobs-page-top,
  .route-enquiries .enquiries-page>.topbar{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    min-height:44px;
    margin:0 0 16px;
    padding:0;
    background:transparent;
    border:0;
  }
  .route-diary .diary-v2>.topbar .page-title,
  .route-jobs .jobs-page>.jobs-page-top .page-title,
  .route-enquiries .enquiries-page>.topbar .page-title{
    margin:0;
    font-family:var(--sp-serif);
    font-size:1.75rem;
    font-weight:500;
    line-height:1.1;
    letter-spacing:-.035em;
    color:var(--brand-ink,#1a1b1b);
  }
  .route-diary .diary-v2>.topbar .actions,
  .route-jobs .jobs-page>.jobs-page-top .actions,
  .route-enquiries .enquiries-page>.topbar .actions{
    display:flex;
    align-items:center;
    flex:none;
    margin:0;
  }
  .route-diary .diary-v2>.topbar .diary-primary-add,
  .route-jobs .jobs-page>.jobs-page-top .jobs-new-button,
  .route-enquiries .enquiries-page>.topbar [data-new-enquiry]{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:44px;
    height:44px;
    width:auto;
    padding:0 16px;
    border:1px solid var(--brand-ink,#1a1b1b);
    border-radius:999px;
    background:var(--brand-ink,#1a1b1b);
    color:#f3efe6;
    font-size:.8125rem;
    font-weight:650;
    line-height:1;
    white-space:nowrap;
    box-shadow:none;
  }
  /* The shell owns one identical company masthead on every work route. */
  .route-home .mobile-masthead,
  .route-diary .mobile-masthead,
  .route-jobs .mobile-masthead,
  .route-enquiries .mobile-masthead{
    box-sizing:border-box;
    min-height:78px;
    padding:calc(14px + env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 13px max(18px,env(safe-area-inset-left));
    align-items:center;
  }
}