/* Keep account controls reachable on short screens and hidden navigation out of the tab order. */
.sidebar { overflow-y: auto; }
.page-heading h1, .profile strong { overflow-wrap: anywhere; }
@media (max-width: 850px) {
  .sidebar { visibility: hidden; }
  .nav-open .sidebar { visibility: visible; }
}

/* Allow content to shrink within the viewport without horizontal page scrolling. */
html,body{max-width:100%;overflow-x:clip}
.main-wrap,.dashboard,.card,.activity-grid,.booking-columns,.marketplace-page{min-width:0}
.main-wrap img,.dashboard img,.public-booking img{max-width:100%;height:auto}
.dashboard p,.dashboard strong,.dashboard a,.booking-panel p{overflow-wrap:anywhere}
input,select,textarea{max-width:100%;min-width:0}
@media(max-width:850px){.topbar{min-width:0;gap:12px}.topbar .profile{min-width:0}.page-heading,.section-heading,.booking-toolbar{flex-wrap:wrap}}