/* JSV 2.0.45 — shared phone/tablet presentation. Desktop geometry is unchanged. */
.jsv-mobile-header-spacer {display:none;}
/* JSV 2.0.89: anchor the actual mobile tab bar to shared visible-viewport
 * coordinates after measurement. Before JS (and during pinch zoom), the
 * existing fixed bottom:0 rule remains the fallback. Only body-level tabs
 * participate, so full-screen app navigation keeps its own presentation. */
@media screen and (max-width:991px) {
  html.jsv-mobile-nav-fixed body > nav.mobilebar.jsf-hybrid-mobilebar,
  html.jsv-mobile-nav-fixed body:has(#jsf-activity-page) > nav.mobilebar.jsf-hybrid-mobilebar {
    position:fixed!important;
    top:var(--jsv-mobile-nav-top)!important;bottom:auto!important;
    left:var(--jsv-mobile-nav-left,0px)!important;right:auto!important;
    width:var(--jsv-mobile-nav-width,100%)!important;max-width:none!important;
    margin:0!important;box-sizing:border-box!important;
  }
  html body.jsv-mobile-keyboard-open > nav.mobilebar.jsf-hybrid-mobilebar,
  html body.jsv-mobile-keyboard-open:has(#jsf-activity-page) > nav.mobilebar.jsf-hybrid-mobilebar {display:none!important;}
  html.jsv-mobile-nav-fixed body .js-kb-context-help.jsv-mobile-help-fixed:not([data-jsv-help-inline="1"]) {
    top:var(--jsv-mobile-help-top)!important;bottom:auto!important;
    margin-top:0!important;margin-bottom:0!important;
  }
}
@media (max-width:900px) {
  :root {
    --jsv-mobile-viewport-height:100dvh;
    --jsv-mobile-viewport-top:0px;
    --jsv-mobile-header-bottom:60px;
    --jsv-mobile-header-height:62px;
    --jsv-mobile-admin-height:0px;
    --jsv-mobile-bottom-height:calc(68px + env(safe-area-inset-bottom));
    --jsv-mobile-content-height:calc(100dvh - 60px - var(--jsv-mobile-bottom-height));
    --jsf-mobile-safe-bottom:var(--jsv-mobile-bottom-height);
  }
  html {scroll-padding-top:calc(var(--jsv-mobile-header-bottom) + 12px);}
  html body {padding-bottom:var(--jsv-mobile-bottom-height)!important;}
  html body :is(main,section,article,aside,form,fieldset,.card,.panel) {box-sizing:border-box;min-width:0;}
  html body :is(h1,h2,h3,p,.field,td,th,.jsf-post-text,.jsf-comment-text) {overflow-wrap:anywhere;}
  html body :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) {font-size:16px!important;max-width:100%;}
  html body :is(.btn,button:not([hidden]),input[type=submit],.tablink,.jsf-mobile-menu-trigger,.jsf-user-menu>summary) {min-height:44px!important;touch-action:manipulation;}
  html body :is(button,a,input,select,textarea,summary):focus-visible {outline:3px solid #498cb8;outline-offset:3px;}
  html body :is(.hero-actions,.wizard-actions,.group-wizard-actions,.account-save,.business-actions,.jsf-profile-actions,.section-title) {flex-wrap:wrap;gap:10px;}
  html body :is(.hero-actions,.wizard-actions,.group-wizard-actions,.account-save)>.btn {white-space:normal;text-align:center;}
  html body :is(pre,.wp-block-code) {max-width:100%;overflow:auto;white-space:pre;overflow-wrap:normal;}
  html body :is(.wp-block-image img,.entry-content img,.jsf-post-media img) {height:auto;}
  /* Map tiles use virtual pixel coordinates; never scale them as content images. */
  html body :is(.leaflet-pane,.mapboxgl-canvas-container,.jsf-game-map) img {max-width:none!important;}

  /* Safe-area chrome and measurable space above the bottom tabs. */
  /* JSV 2.0.85: Activity deliberately locks document scrolling. Its sticky
     header was offset inside the already toolbar-offset body and covered the
     sidebar buttons. Use viewport positioning and reserve the chrome once. */
  html.jsv-mobile-header-fixed {margin-top:0!important;}
  html.jsv-mobile-header-fixed body > header.top.jsf-hybrid-top,
  html.jsv-mobile-header-fixed body.admin-bar > header.top.jsf-hybrid-top {
    position:fixed!important;
    top:var(--jsv-mobile-admin-bottom,0px)!important;
    left:0!important;right:0!important;bottom:auto!important;
    width:100%!important;max-width:none!important;
    margin:0!important;transform:none!important;box-sizing:border-box!important;
  }
  html.jsv-mobile-header-fixed body > .jsv-mobile-header-spacer {
    display:block!important;
    height:calc(var(--jsv-mobile-admin-height,0px) + var(--jsv-mobile-header-height,62px))!important;
    min-height:0!important;flex:none!important;
    margin:0!important;padding:0!important;border:0!important;pointer-events:none;
  }
  html body .jsf-hybrid-top {padding-left:max(8px,env(safe-area-inset-left))!important;padding-right:max(8px,env(safe-area-inset-right))!important;}
  html body header.top.jsf-hybrid-top {background:#fffdf8!important;color:#112f4c!important;}
  html body .jsf-hybrid-top .jsf-mobile-menu-trigger {width:44px!important;min-width:44px!important;padding:10px!important;}
  html body .jsf-hybrid-top .jsf-header-action {width:44px!important;height:44px!important;}
  html body .jsf-hybrid-top .jsf-user-menu>summary {min-width:44px!important;justify-content:center;}
  html body .jsf-hybrid-mobilebar {height:calc(68px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important;}
  html body .jsf-hybrid-mobilebar small {white-space:nowrap!important;}
  html body.jsv-mobile-keyboard-open .jsf-hybrid-mobilebar {display:none!important;}
  html body .jsf-user-dropdown {max-width:calc(100vw - 20px)!important;}
  html body .jsf-auth-actions {gap:4px!important;}
  html body .jsf-auth-actions a {min-height:44px;display:flex;align-items:center;padding:7px!important;font-size:12px!important;}
  html body .jsf-mobile-action-sheet,
  html body #jsf-mobile-create-sheet.jsf-mobile-action-sheet,
  html body #jsf-mobile-more-sheet.jsf-mobile-action-sheet,
  html body .jsf-hybrid-mobile-drawer {
    bottom:calc(var(--jsv-mobile-bottom-height) + 8px)!important;
    max-height:calc(var(--jsv-mobile-viewport-height) - var(--jsv-mobile-header-bottom) - var(--jsv-mobile-bottom-height) - 16px)!important;
    overflow-y:auto!important;overscroll-behavior:contain;
    z-index:520!important;
  }
  html body :is(.jsf-mobile-action-sheet,.jsf-hybrid-mobile-drawer)[aria-hidden=true] {visibility:hidden!important;pointer-events:none!important;}
  html body :is(.jsf-mobile-action-sheet,.jsf-hybrid-mobile-drawer)[aria-hidden=false] {visibility:visible!important;}
  html body .jsf-mobile-action-head,
  html body .mobile-drawer-head {position:sticky;top:0;z-index:2;}
  html body .jsf-mobile-action-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body .jsf-mobile-action-grid :is(a,button) {min-width:0!important;min-height:64px!important;white-space:normal!important;}
  html body.jsv-mobile-overlay-open {overflow:hidden!important;}
  html body .mobile-drawer-backdrop.open {top:var(--jsv-mobile-header-bottom)!important;bottom:var(--jsv-mobile-bottom-height)!important;z-index:490!important;}
  html body [data-jsf-mobile-context][data-jsf-mobile-context][data-jsf-mobile-context] {
    top:var(--jsv-mobile-header-bottom)!important;bottom:var(--jsv-mobile-bottom-height)!important;
    height:auto!important;min-height:0!important;max-height:var(--jsv-mobile-content-height)!important;
    z-index:520!important;visibility:hidden!important;pointer-events:none!important;
  }
  html body [data-jsf-mobile-context][data-jsf-mobile-context][data-jsf-mobile-context].is-open {visibility:visible!important;pointer-events:auto!important;}
  /* The connected workspace hides its desktop rails, including an ID-specific
   * profile rule. Explicitly reveal the active mobile drawer without exposing
   * those rails in the page layout or changing the desktop presentation. */
  html body.jsf-mobile-context-open #jsf-xp-buddypanel[data-jsf-mobile-context].is-open,
  html body.jsf-mobile-context-open [data-jsf-mobile-context].is-open {display:block!important;}
  /* The linked identity row used to receive its flex layout only on desktop,
   * leaving the empty avatar span inline and its photo only a border wide. */
  html body #jsf-xp-buddypanel[data-jsf-mobile-context] .jsf-xp-panel-profile-link {
    display:flex!important;align-items:center!important;gap:11px!important;
    width:100%!important;min-width:0!important;color:inherit!important;text-decoration:none!important;
  }
  html body #jsf-xp-buddypanel[data-jsf-mobile-context] .jsf-xp-panel-avatar {
    display:block!important;flex:0 0 48px!important;width:48px!important;min-width:48px!important;
    height:48px!important;box-sizing:border-box!important;
  }
  html body #jsf-xp-buddypanel[data-jsf-mobile-context] .jsf-xp-panel-usercopy {display:block!important;min-width:0!important;}
  html body #jsf-xp-buddypanel[data-jsf-mobile-context] .jsf-xp-panel-nav :is(a,b) {
    white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;
  }
  html body .jsf-mobile-context-backdrop {top:var(--jsv-mobile-header-bottom)!important;bottom:var(--jsv-mobile-bottom-height)!important;z-index:490!important;}
  html body .jsf-mobile-context-toggle {bottom:calc(var(--jsv-mobile-bottom-height) + 12px)!important;min-height:44px!important;}
  html body .jsf-mobile-context-toggle.is-chat-head {position:static!important;min-width:44px!important;width:44px!important;height:44px!important;}

  /* Content first across discovery, account, business and member workspaces. */
  html body :is(.jsf-context-shell,.jsf-network-shell,.jsf-groups-shell,.jsf-business-owner-shell,.jsf-account-shell,.business-view-layout,.business-owner-layout,.jsf-business-owner-layout,.jsf-directory-columns,.jsf-my-groups-layout) {
    display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;margin:8px 0!important;padding:0 10px!important;gap:12px!important;
  }
  html body :is(.jsf-context-main,.jsf-network-page,.jsf-network-center,.jsf-groups-main,.jsf-business-owner-main) {order:0!important;width:100%!important;max-width:none!important;}
  html body :is(.jsf-context-right,.jsf-network-right,.jsf-business-owner-side,.business-tools-rail) {position:static!important;order:2!important;width:100%!important;max-width:none!important;}
  html body .business-experience {width:100%!important;max-width:100%!important;padding:10px!important;}
  html body .jsf-settings-rail {position:static!important;width:100%!important;max-width:100%!important;}
  html body .jsf-settings-rail-links {display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding:6px!important;gap:6px!important;}
  html body .jsf-settings-rail-links>a {flex:0 0 auto!important;min-height:44px!important;white-space:nowrap;}
  html body .jsf-account-shell .account-panel {min-height:0!important;}
  html body .jsf-account-shell .account-save {position:static!important;margin-top:18px!important;background:transparent!important;}
  html body .jsf-account-shell .account-save .btn {font-size:14px!important;}
  html body :is(.account-settings-grid,.business-detail-grid,.business-dashboard-grid,.business-profile-layout,.jsf-business-profile-grid,.jsf-business-profile-identity,.jsf-business-profile-media,.jsf-business-storefront-grid,.jsf-business-location-grid,.jsf-business-hours-block,.quote-layout,.service-dashboard-grid,.service-builder,.service-request-hero,.jsf-service-hero-live,.jsf-market-create-grid,.jsf-live-product,.product-layout,.jsf-login-stage,.jsf-onboard-shell,.auth-card,.jsf-home-hero,.jsf-home-business,.jsf-home-services--alive,.welcome-business,.jsf-membership-account-hero,.jsf-my-membership-grid) {
    grid-template-columns:minmax(0,1fr)!important;min-width:0!important;max-width:100%!important;
  }
  html body :is(.directory-search,.directory-filter,.jsf-directory-searchbar,.jsf-directory-home-search,.jsf-groups-suite-search form,.jsf-member-search,.jsf-groups-toolbar form) {grid-template-columns:minmax(0,1fr)!important;}
  html body :is(.jsf-dir-market-search form,.jsf-dir-market-body,.jsf-dir-market-hero) {grid-template-columns:minmax(0,1fr)!important;}
  html body #jsf-directory-market#jsf-directory-market :is(.jsf-dir-market-search form,.jsf-dir-market-body,.jsf-dir-market-hero) {grid-template-columns:minmax(0,1fr)!important;}
  html body .jsf-directory-home :is(.jsf-directory-home-hero,.jsf-directory-home-hunt,.jsf-directory-home-final) {grid-template-columns:minmax(0,1fr)!important;}
  html body #jsf-directory-page#jsf-directory-page,
  html body #jsf-events-alive#jsf-events-alive {display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;padding:10px!important;margin:0!important;gap:12px!important;}
  html body #jsf-events-alive#jsf-events-alive>.jsf-events-main,
  html body #jsf-directory-page#jsf-directory-page>main {width:100%!important;max-width:none!important;order:0!important;}
  html body :is(.jsf-events-utility,.jsf-directory-right) {position:static!important;width:100%!important;order:2!important;}
  html body #jsf-events-alive#jsf-events-alive :is(.jsf-event-search-form,.jsf-rsvp-card,.jsf-event-collection-row,.jsf-event-manage-extras) {grid-template-columns:minmax(0,1fr)!important;}
  html body :is(.jsf-group-suite-shell,.jsf-gm-page) {width:100%!important;max-width:100%!important;margin:0!important;padding:10px!important;}
  html body :is(.jsf-group-suite-hero .meta,.jsf-group-profile-info,.jsf-my-groups-list article) {grid-template-columns:minmax(0,1fr)!important;}
  html body .jsf-group-suite-hero .hero-actions {display:flex!important;flex-wrap:wrap!important;}
  html body :is(.jsf-group-fun-panels,.jsf-group-post-body.has-thumbs,.jsf-group-discussion-layout,.group-discussion-layout) {grid-template-columns:minmax(0,1fr)!important;}
  html body :is(.jsf-gm-member-list article,.jsf-member-admin-card,.jsf-network-privacy .field) {grid-template-columns:minmax(0,1fr)!important;}
  html body :is(.tabs,.jsf-tabs,.jsf-subnav,.jsf-xp-tabs,.jsf-xp-feed-filters,.jsf-network-tabs,.jsf-gm-tabs,.business-nav,.service-request-nav,.jsf-membership-subnav) {
    display:flex!important;flex-wrap:nowrap!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain;
  }
  html body :is(.tabs,.jsf-tabs,.jsf-subnav,.jsf-xp-tabs,.jsf-xp-feed-filters,.jsf-network-tabs,.jsf-gm-tabs,.business-nav,.service-request-nav,.jsf-membership-subnav)>* {flex:0 0 auto!important;white-space:nowrap;min-height:44px;}
  html body .jsf-exact-profile-hub {padding:10px!important;}
  html body .jsf-exact-profile-hub :is(.jsf-xp-main,.jsf-xp-passport,.jsf-xp-right) {min-width:0!important;max-width:100%!important;}
  html body .jsf-xp-profile-summary {grid-template-columns:82px minmax(0,1fr)!important;}
  html body .jsf-xp-profile-summary .jsf-xp-profile-buttons {grid-column:1/-1!important;flex-wrap:wrap!important;}
  html body .jsf-xp-stats {grid-template-columns:repeat(6,minmax(100px,1fr))!important;}
  html body .jsf-xp-stats a {min-width:100px!important;}
  html body .jsf-xp-stats a>small {white-space:nowrap;}

  /* Scroll wide data inside its own region, preserving real table semantics. */
  .jsv-mobile-table-scroll {width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;margin:12px 0;}
  .jsv-mobile-table-scroll:focus-visible {outline:3px solid #498cb8;outline-offset:2px;}
  .jsv-mobile-table-scroll>table {width:100%!important;min-width:560px;max-width:none!important;margin:0!important;}
  .jsv-mobile-table-scroll :is(td,th) {white-space:normal;}
  html body .site-footer {display:block!important;width:calc(100% - 20px)!important;max-width:100%!important;margin:20px 10px 12px!important;padding:20px 14px!important;}
  html body .site-footer .jsf-footer-links {display:flex;flex-wrap:wrap;gap:8px;}
  html body .site-footer .jsf-footer-inner {display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important;}
  html body .site-footer .jsf-footer-links a {min-height:44px;display:inline-flex;align-items:center;font-size:12px!important;line-height:1.4!important;color:#112f4c!important;}
  html body .site-footer .jsf-footer-copy {font-size:11px!important;color:#112f4c!important;}
  html body:has([data-jsf-activity-stage]) .site-footer,
  html body:has(.jsf-gm-page.jsf-gm-chat) .site-footer {display:none!important;}

  /* Activity retains one scrolling center, accessible rails and all post actions. */
  html body #jsf-activity-page#jsf-activity-page#jsf-activity-page .jsf-post-actions {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;min-height:48px!important;}
  html body #jsf-activity-page#jsf-activity-page#jsf-activity-page .jsf-post-actions>button {display:flex!important;}
  html body #jsf-activity-page#jsf-activity-page#jsf-activity-page .jsf-post-actions>form {display:block!important;}
  html body #jsf-activity-page#jsf-activity-page#jsf-activity-page .jsf-post-actions>button,
  html body #jsf-activity-page#jsf-activity-page#jsf-activity-page .jsf-post-actions>form>button,
  html body #jsf-activity-page#jsf-activity-page#jsf-activity-page .jsf-post-actions>details>summary {min-height:44px!important;padding:8px 4px!important;}
  html body #jsf-activity-page#jsf-activity-page#jsf-activity-page .jsf-activity-quick-compose {padding:12px!important;}
  html body #jsf-activity-page#jsf-activity-page#jsf-activity-page .jsf-activity-quick-tools {overflow-x:auto!important;flex-wrap:nowrap!important;}
  html body #jsf-activity-page#jsf-activity-page#jsf-activity-page .jsf-activity-quick-tools>button {flex:0 0 auto!important;}
  html body :is(.jsf-compose-modal,.jsf-comment-modal,.jsf-thread-modal) {top:var(--jsv-mobile-viewport-top)!important;bottom:auto!important;height:var(--jsv-mobile-viewport-height)!important;padding:8px!important;box-sizing:border-box;}
  html body :is(.jsf-compose-dialog,.jsf-comment-modal-dialog,.jsf-thread-modal-dialog,.jsf-xp-feeling-dialog) {width:100%!important;max-height:calc(var(--jsv-mobile-viewport-height) - 16px)!important;min-height:0!important;overflow-y:auto!important;}
  html body :is(.jsv-post-edit-dialog,.jsv-photo-dialog,.jsv-activity-rail-dialog)[open] {top:calc(var(--jsv-mobile-viewport-top) + 8px)!important;bottom:auto!important;max-height:calc(var(--jsv-mobile-viewport-height) - 16px)!important;margin:0 auto!important;max-width:calc(100vw - 16px)!important;overflow-y:auto!important;}
  html body .jsv-photo-dialog>img {height:min(65dvh,calc(var(--jsv-mobile-viewport-height) - 130px))!important;}
  html body .jsv-photo-preview>button {width:44px!important;min-width:44px!important;}
  html body :is(.jsf-compose-dialog,.jsv-post-edit-dialog) textarea {min-height:120px!important;}

  /* A chat's messages flex to the available screen; its composer stays visible. */
  html body .jsf-group-dashboard-chat {height:var(--jsv-mobile-content-height)!important;min-height:0!important;max-height:none!important;}
  html body .jsf-gm-page.jsf-gm-chat {height:var(--jsv-mobile-content-height)!important;min-height:0!important;padding:0!important;}
  html body :is(.jsf-group-dashboard-chat,.jsf-gm-chat-main) :is(.jsf-group-chat-pro,.jsf-suite-group-chat.jsf-group-chat-tabbed) {height:100%!important;min-height:0!important;}
  html body :is(.jsf-group-dashboard-chat,.jsf-gm-chat-main) .jsf-suite-group-chat.jsf-group-chat-tabbed {display:flex!important;flex-direction:column!important;overflow:hidden!important;}
  html body :is(.jsf-group-dashboard-chat,.jsf-gm-chat-main) .jsf-suite-chat-messages {flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;}
  html body :is(.jsf-group-dashboard-chat,.jsf-gm-chat-main) .jsf-group-chat-tabbed>footer[data-group-chat-footer] {display:block!important;flex:0 0 auto!important;position:relative!important;bottom:auto!important;}
  html body :is(.jsf-group-dashboard-chat,.jsf-gm-chat-main) .jsf-group-chat-tabbed .jsf-group-chat-compose {display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px 44px!important;gap:4px!important;}
  html body :is(.jsf-group-dashboard-chat,.jsf-gm-chat-main) .jsf-group-chat-tabbed .jsf-group-chat-compose textarea {min-height:44px!important;max-height:84px!important;}
  html body :is(.jsf-group-dashboard-chat,.jsf-gm-chat-main) .jsf-group-chat-tabbed .jsf-group-chat-compose :is(button,.attach,.emoji) {width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;}
  html body :is(.jsf-group-dashboard-chat,.jsf-gm-chat-main) .jsf-group-chat-tabbed .pro-tools {display:flex!important;align-items:center!important;gap:4px!important;}
  html body :is(.jsf-group-dashboard-chat,.jsf-gm-chat-main) .jsf-group-chat-tabbed .pro-tools button {width:44px!important;min-width:44px!important;}
  html body :is(.jsf-group-dashboard-chat,.jsf-gm-chat-main) .jsf-group-chat-tabbed .pro-head h2 {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  html body :is(.jsf-group-dashboard-chat,.jsf-gm-chat-main) .jsf-chat-room-head {min-height:44px!important;padding:8px 10px!important;}
  html body :is(.jsf-group-dashboard-chat,.jsf-gm-chat-main) .jsf-chat-room-head h3 {font-size:16px!important;line-height:1.4!important;margin:0!important;}
  html body:has(.jsf-gm-page.jsf-gm-chat) {overflow:hidden!important;}
  html body:has(.jsf-gm-page.jsf-gm-chat).jsv-mobile-keyboard-open :is(.jsf-chat-tabs,.jsf-chat-room-head,.jsf-group-chat-livebar,.jsf-chat-quickstart) {display:none!important;}
}

@media (min-width:561px) and (max-width:900px) {
  html body :is(.jsf-member-grid,.jsf-member-card-grid,.jsf-groups-featured-grid,.jsf-groups-all-grid,.jsf-groups-card-grid,.business-grid,.jsf-business-card-grid,.jsf-dir-market-grid,.jsf-directory-home-business-grid,.market-product-grid,.jsf-store-product-grid,.jsf-live-store-grid,.jsf-directory-home-categories,.jsf-event-category-grid,.jsf-home-feature-grid,.jsf-home-service-grid,.jsf-membership-plan-grid,.jsf-search-member-grid) {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body #jsf-directory-market#jsf-directory-market .jsf-dir-market-grid,
  html body #jsf-events-alive#jsf-events-alive .jsf-event-category-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:1050px) {
  /* Registration lives in a narrow wizard column on landscape tablets. */
  html body .business-wizard :is(.jsf-business-profile-identity,.jsf-business-profile-media) {grid-template-columns:minmax(0,1fr)!important;min-width:0!important;}
  html body .business-wizard .jsf-business-profile-media input[type=file] {width:100%;max-width:100%;min-width:0;}
}
@media (max-width:560px) {
  html body #jsf-activity-page#jsf-activity-page#jsf-activity-page .jsf-post-actions>button,
  html body #jsf-activity-page#jsf-activity-page#jsf-activity-page .jsf-post-actions>form>button,
  html body #jsf-activity-page#jsf-activity-page#jsf-activity-page .jsf-post-actions>details>summary {flex-direction:column!important;gap:3px!important;min-height:52px!important;}
  html body :is(.grid,.market-grid,.jsf-member-grid,.jsf-member-card-grid,.jsf-groups-featured-grid,.jsf-groups-all-grid,.jsf-groups-card-grid,.business-grid,.jsf-business-card-grid,.jsf-dir-market-grid,.jsf-directory-home-business-grid,.market-product-grid,.jsf-store-product-grid,.jsf-live-store-grid,.jsf-event-category-grid,.jsf-home-feature-grid,.jsf-home-service-grid,.jsf-membership-plan-grid,.jsf-search-member-grid,.jsf-rewards-secondary-grid) {grid-template-columns:minmax(0,1fr)!important;}
  html body #jsf-directory-market#jsf-directory-market .jsf-dir-market-grid,
  html body #jsf-events-alive#jsf-events-alive .jsf-event-category-grid {grid-template-columns:minmax(0,1fr)!important;}
  html body :is(.service-category-grid,.service-metrics,.metric-grid,.bag-grid,.jsf-directory-home-categories,.jsf-directory-home-stats,.jsf-directory-home-quickbar,.jsf-business-action-deck,.jsf-business-fact-grid) {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body .jsf-group-chat-compose {padding:0!important;}
  html body .jsf-hybrid-top .brand.jsf-site-logo {width:132px!important;min-width:0!important;}
}
@media (max-width:380px) {
  /* Keep complete menu words readable when the drawer is narrower than 335px. */
  html body #jsf-xp-buddypanel[data-jsf-mobile-context] .jsf-xp-panel-nav {grid-template-columns:minmax(0,1fr)!important;}
}
@media (prefers-reduced-motion:reduce) and (max-width:900px) {
  html body :is(.jsf-mobile-action-sheet,.jsf-hybrid-mobile-drawer,[data-jsf-mobile-context]) {transition:none!important;}
}

/* Keep existing menus in the same measured region as the corrected tabs.
 * Visibility, focus management, and open/closed state remain with their
 * existing handlers. Repeated IDs outrank the older drawer geometry only. */
@media screen and (max-width:900px) {
  html.jsv-mobile-nav-fixed {
    --jsv-mobile-overlay-top:max(var(--jsv-mobile-viewport-top,0px),var(--jsv-mobile-header-bottom,62px));
    --jsv-mobile-overlay-height:max(0px,calc(var(--jsv-mobile-nav-top) - var(--jsv-mobile-overlay-top)));
    --jsv-mobile-panel-top:calc(var(--jsv-mobile-overlay-top) + 8px);
    --jsv-mobile-panel-height:max(0px,calc(var(--jsv-mobile-overlay-height) - 16px));
  }
  html.jsv-mobile-nav-fixed body #jsf-mobile-drawer#jsf-mobile-drawer.jsf-hybrid-mobile-drawer {
    top:var(--jsv-mobile-panel-top)!important;bottom:auto!important;
    height:var(--jsv-mobile-panel-height)!important;max-height:var(--jsv-mobile-panel-height)!important;
    min-height:0!important;box-sizing:border-box!important;overflow-y:auto!important;
  }
  html.jsv-mobile-nav-fixed body #jsf-mobile-create-sheet#jsf-mobile-create-sheet.jsf-mobile-action-sheet,
  html.jsv-mobile-nav-fixed body #jsf-mobile-more-sheet#jsf-mobile-more-sheet.jsf-mobile-action-sheet {
    top:var(--jsv-mobile-panel-top)!important;bottom:auto!important;
    height:auto!important;min-height:0!important;max-height:var(--jsv-mobile-panel-height)!important;
    box-sizing:border-box!important;overflow-y:auto!important;
  }
  html.jsv-mobile-nav-fixed body #jsf-mobile-create-sheet#jsf-mobile-create-sheet.jsf-mobile-action-sheet.open,
  html.jsv-mobile-nav-fixed body #jsf-mobile-more-sheet#jsf-mobile-more-sheet.jsf-mobile-action-sheet.open {
    transform:none!important;
  }
  html.jsv-mobile-nav-fixed body [data-jsf-mobile-context][data-jsf-mobile-context][data-jsf-mobile-context] {
    top:var(--jsv-mobile-panel-top)!important;bottom:auto!important;
    height:var(--jsv-mobile-panel-height)!important;max-height:var(--jsv-mobile-panel-height)!important;
    min-height:0!important;box-sizing:border-box!important;
  }
  html.jsv-mobile-nav-fixed body .mobile-drawer-backdrop.open,
  html.jsv-mobile-nav-fixed body .jsf-mobile-context-backdrop {
    top:var(--jsv-mobile-overlay-top)!important;bottom:auto!important;
    height:var(--jsv-mobile-overlay-height)!important;
  }
}