/* Mobile dock: five readable primary destinations, overflow sections in More. */
.mobile-more-layer[hidden]{display:none!important}
@media(max-width:900px){
  .mobile-brand .brand{min-width:0;flex-shrink:1}
  .mobile-brand .wordmark{min-width:0}
  .bottom-nav{
    display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
    justify-content:stretch;gap:5px;
    padding:9px max(12px,env(safe-area-inset-right)) max(11px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));
    border-top:1px solid #38514c;background:rgba(9,19,19,.98);
    box-shadow:0 -10px 38px rgba(0,0,0,.24);
    -webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)
  }
  .bottom-nav button{
    width:100%;min-width:0;min-height:56px;padding:9px 3px 7px;
    gap:5px;font-size:11px;line-height:1.1;font-weight:800;letter-spacing:0;
    border-radius:13px;text-align:center;justify-content:center;
    -webkit-tap-highlight-color:transparent
  }
  .bottom-nav button.active{background:rgba(214,255,89,.11);color:var(--lime)}
  .bottom-nav button span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .bottom-nav .nav-glyph,.bottom-nav button .nav-glyph{width:24px;height:24px;flex-basis:24px}
  .bottom-nav .nav-glyph svg,.bottom-nav button .nav-glyph svg{width:23px;height:23px}
  .main{padding-bottom:calc(116px + env(safe-area-inset-bottom))}
  .mobile-more-layer{position:fixed;inset:0;z-index:22;display:flex;align-items:flex-end;justify-content:center}
  .mobile-more-scrim{position:absolute;inset:0;border:0;background:rgba(0,0,0,.64);width:100%;cursor:pointer}
  .mobile-more-panel{
    position:relative;width:100%;max-width:640px;
    padding:19px 19px calc(25px + env(safe-area-inset-bottom));
    background:linear-gradient(160deg,#1b2d2b,#0d1718);border:1px solid #38514c;border-radius:23px 23px 0 0;
    box-shadow:0 -20px 80px rgba(0,0,0,.5);
  }
  .mobile-more-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;color:var(--text);font-size:15px}
  .mobile-more-close{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid #415650;background:#253936;color:var(--text)}
  .mobile-more-links{display:grid;gap:8px}
  .mobile-more-links button{
    width:100%;min-height:58px;padding:13px 15px;display:flex;align-items:center;gap:13px;
    color:var(--text);background:#172626;border:1px solid #354b46;border-radius:14px;
    text-align:left;font-weight:800;font-size:14px;
  }
  .mobile-more-links button.active{background:#2b402a;border-color:#789647;color:var(--lime)}
  .mobile-more-links button>span:nth-child(2){flex:1}
  .mobile-more-links button>span:last-child{color:var(--muted)}
  .mobile-more-links .nav-glyph{width:24px;height:24px;display:inline-grid;place-items:center}
  .mobile-more-links .nav-glyph svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .mobile-more-links button:focus-visible,.mobile-more-close:focus-visible,.bottom-nav button:focus-visible,
  .mobile-brand .brand:focus-visible,.side .brand:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
}
@media(max-width:570px){
  .main{padding:17px 16px calc(112px + env(safe-area-inset-bottom))}
  .mobile-brand{gap:10px;margin-bottom:23px}
  .mobile-brand .brand{margin-right:auto;gap:10px}
  .mobile-brand .wordmark{font-size:clamp(1.25rem,5.5vw,1.72rem)}
  .mobile-brand .mini-avatar{margin-left:0;flex:0 0 44px}
  .mobile-signout{margin-left:0}
  .page-copy{font-size:.9rem;line-height:1.55}
  .page-header .page-title{font-size:clamp(2.7rem,11.5vw,3.9rem)}
  .page-header .week-selector{margin-top:4px}
  .picks-view .section-head{align-items:center;gap:8px}
  .picks-view .section-head h2{font-size:clamp(1.45rem,6vw,2rem)}
  .bottom-nav{gap:3px}
}
@media(max-width:350px){
  .bottom-nav{padding-inline:7px;gap:2px}
  .bottom-nav button{font-size:10px;padding-inline:1px}
  .mobile-brand .wordmark{font-size:1.17rem}
  .mobile-signout{font-size:.66rem}
}