body.club-member-layout{overflow-x:hidden}
body.club-member-layout main.container,body.club-member-layout .main-section>.container,body.club-member-layout .web-page,body.club-member-layout .web-page-container,body.club-member-layout .page_content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.club-member-layout>.container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.club-member-layout #page-me{width:100%!important;max-width:none!important;margin:0!important}
body.club-member-layout #page-me>.sidebar-column{display:none!important}
body.club-member-layout #page-me>.main-column{flex:0 0 100%!important;width:100%!important;max-width:100%!important;padding:0!important}
body.club-member-layout #page-me .page-content-wrapper{width:100%!important;max-width:none!important;margin:0!important}
/* Layout invariant: every current and future member page uses this full-width shell. */
.club-member-layout-shell{display:grid;grid-template-columns:270px minmax(0,1fr);width:100%;max-width:none;min-height:100vh;margin:0;background:#fff}
.club-member-layout-shell>#app{width:100%;min-width:0;max-width:none}
.club-member-layout-shell>.club-sidebar{position:sticky;top:0;display:flex;width:auto;min-width:0;height:100vh;padding:30px 22px;flex-direction:column;background:#111;color:#fff}
.club-member-layout-shell>main,.club-member-layout-shell>.page_content,.club-member-layout-shell>.club-content,.club-member-layout-shell>.club-portal,.club-member-layout-shell>.my-account-container,.club-member-layout-shell>.web-form-wrapper{width:100%!important;max-width:none!important;min-width:0;margin:0!important;padding:40px clamp(22px,4vw,64px)!important}
.club-member-layout-shell>main>.page_content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.club-member-layout-shell .club-brand{display:flex;align-items:center;margin:0;color:#fff;font-size:20px;font-weight:850;letter-spacing:-1px;text-decoration:none}
.club-member-layout-shell .club-brand:hover,.club-member-layout-shell .club-brand:focus{color:#fff;text-decoration:none}
.club-member-layout-shell .club-brand__mark{margin-right:3px;padding:4px 5px;background:#f6df76;color:#171717}
.club-member-menu-toggle{display:none}
.club-member-layout-shell .club-nav{display:grid;gap:7px;margin-top:32px}
.club-member-layout-shell .club-nav__item{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:11px;color:#bbb;text-decoration:none;font-weight:650}
.club-member-layout-shell .club-nav__item:hover,.club-member-layout-shell .club-nav__item:focus-visible,.club-member-layout-shell .club-nav__item.is-active{background:#ff9fb8;color:#171717}
.club-member-layout-shell .club-sidebar__footer{display:grid;grid-template-columns:44px minmax(0,1fr);gap:11px;margin-top:auto;align-items:center}
.club-member-layout-shell .club-sidebar__identity{min-width:0;color:#fff;text-decoration:none}
.club-member-layout-shell .club-sidebar__identity strong,.club-member-layout-shell .club-sidebar__identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.club-member-layout-shell .club-sidebar__identity small{margin-top:2px;color:#aaa;font-size:11px}
.club-member-layout-shell .club-avatar{width:44px;height:44px;overflow:hidden;border-radius:50%;display:grid;place-items:center;background:#ff9fb8;color:#171717;font-weight:800}
.club-member-layout-shell .club-avatar img{width:100%;height:100%;object-fit:cover}
.club-member-logout{grid-column:1/-1;width:100%;margin-top:8px;padding:9px 12px;border:1px solid #ffffff55;border-radius:10px;background:transparent;color:#fff;text-align:left;font:inherit;font-weight:700;cursor:pointer}
.club-member-logout:hover{background:#fff;color:#171717}
.club-auth-email{margin:8px 0 22px;padding:10px 13px;border-radius:10px;background:#f2f2f2;color:#555;font-size:13px}
body.club-member-layout .club-header__actions,body.club-member-layout .club-page-actions,body.club-member-layout .club-profile-actions,body.club-member-layout .club-mobile-nav{display:none!important}
/* The generated header below is the only mobile navigation. Legacy page drawers stay hidden. */
body.club-member-layout .club-menu-button,body.club-member-layout .club-mobile-drawer,body.club-member-layout .club-menu-overlay{display:none!important}
@media(max-width:720px){
  .club-member-layout-shell{display:block;min-height:100vh}
  .club-member-layout-shell>.club-sidebar{position:relative;z-index:30;width:100%;height:auto;min-height:72px;padding:15px 18px;display:grid;grid-template-columns:minmax(0,1fr) 88px;align-items:center}
  .club-member-menu-toggle{display:block;width:88px;min-height:42px;margin:0;padding:8px 11px;border:1px solid #ffffff55;border-radius:9px;background:#2d2d2d;color:#fff;font:inherit;font-weight:800}
  .club-member-layout-shell>.club-sidebar .club-nav,.club-member-layout-shell>.club-sidebar .club-sidebar__footer{display:none;grid-column:1/-1}
  .club-member-layout-shell>.club-sidebar.is-open .club-nav{display:grid;margin-top:16px}
  .club-member-layout-shell>.club-sidebar.is-open .club-sidebar__footer{display:grid;margin-top:18px;padding-top:16px;border-top:1px solid #ffffff2b}
  .club-member-layout-shell>main,.club-member-layout-shell>.page_content,.club-member-layout-shell>.club-content,.club-member-layout-shell>.club-portal,.club-member-layout-shell>.my-account-container,.club-member-layout-shell>.web-form-wrapper{padding:24px 16px 48px!important}
}

/* Keep the optional admin link out of the avatar column. */
.club-member-layout-shell .club-sidebar__footer > .club-nav__item{grid-column:1/-1;min-width:0}
@media(min-width:721px){
  .club-member-layout-shell>.club-sidebar{box-sizing:border-box;overflow-y:auto}
  .club-member-layout-shell>.club-sidebar>.club-brand,.club-member-layout-shell>.club-sidebar>.club-nav,.club-member-layout-shell>.club-sidebar>.club-sidebar__footer{flex-shrink:0}
  .club-member-layout-shell>.club-sidebar>.club-sidebar__footer{padding-top:18px}
}