html { scroll-padding-top: 6rem; }
.yp-header { position: sticky; top: 0; z-index: 1000; display: flex;
  align-items: center; justify-content: space-between; gap: 1rem;
  padding: .65rem 4%; border-bottom: 1px solid #deded3; background: #fffefa; }
.yp-header img { display: block; width: clamp(135px, 17vw, 220px); height: auto; }
.yp-header nav { display: flex; align-items: center; flex-wrap: wrap; gap: .25rem 1rem; }
.yp-header a, .yp-header summary { color: #2d332c; }
.yp-header nav a, .yp-header summary { display: flex; align-items: center; min-height: 44px; }
.yp-header a:focus-visible, .yp-header summary:focus-visible { outline: 3px solid #725297; }
.yp-menu { display: none; }
.yp-entry { padding: 1.25rem 0; }
.yp-entry a { display: inline-block; padding-block: .65rem; }
@media (max-width: 900px) {
  .yp-header > nav { display: none; }
  .yp-menu { display: block; }
  .yp-menu summary { cursor: pointer; padding-inline: .75rem; border: 1px solid #deded3; }
  .yp-menu nav { position: absolute; inset: 100% 0 auto; display: grid;
    gap: 0; background: #fffefa; border-bottom: 1px solid #deded3;
    padding: .5rem 4%; max-height: 75vh; overflow: auto; }
  .yp-menu nav a { padding-inline: .5rem; }
}
@media (max-width: 800px) {
  .map-shell .panel, .yp-map-inline .map-shell .panel { max-height: none; overflow: visible; }
}

.yp-header img, img[src$="/wordmark.svg"] { background: transparent; }