@media(max-width:760px) {
  .panel {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:142px;
    border:1px solid var(--line);
    border-bottom:0;
    border-radius:20px 20px 0 0;
    box-shadow:0 -4px 20px #22351e12;
    transition:height .2s ease;
    display:flex;
    flex-direction:column;
    padding-bottom:env(safe-area-inset-bottom)
  }
  .panel.expanded {
    height:65%
  }
  .sheet-handle {
    display:flex;
    justify-content:center;
    align-items:flex-start;
    padding-top:11px;
    flex-shrink:0;
    min-height:28px;
    height:28px;
    background:none;
    border:0;
    width:100%
  }
  .sheet-handle span {
    display:block;
    width:34px;
    height:4px;
    background:#c9d1c7;
    border-radius:4px
  }
  .panel-scroll {
    flex:1;
    min-height:0
  }
  .panel:not(.expanded) .panel-scroll {
    overflow:hidden
  }
  .panel-intro {
    padding:4px 22px 20px
  }
  .panel-intro h2 {
    font-size:21px;
    margin:3px 0
  }
  .panel-intro>p {
    font-size:13px
  }
  .panel-intro .eyebrow {
    display:none
  }
  .overview-stats {
    margin:18px 0
  }
  .office-group {
    padding:0 22px
  }
  #office-detail {
    padding:0 22px 24px
  }
  .detail-heading h2 {
    font-size:25px
  }
  .back-button {
    margin-bottom:8px
  }
  .department-card {
    padding:18px
  }
  .map-legend .legend-note {
    display:none
  }
}

@media(max-width:760px) {
  .sheet-handle {
    min-height:44px;
    height:44px;
    padding-top:13px
  }
  .panel:not(.expanded) .overview-stats {
    display:none
  }
  .panel:not(.expanded) .panel-intro>.visits-pending,.panel:not(.expanded) .office-group {
    display:none
  }
}