@media(max-width:900px){
  html,body{min-height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
  .app-shell{display:block;min-height:100dvh}
  .app-shell>.workspace{min-height:100dvh;padding-bottom:calc(96px + env(safe-area-inset-bottom));overflow:visible}
  .app-shell>aside{position:fixed;z-index:1000;inset:auto 0 0 0;width:100%;height:calc(78px + env(safe-area-inset-bottom));padding:5px 8px env(safe-area-inset-bottom);background:#073d59;box-shadow:0 -8px 24px #062f4730}
  .app-shell>aside .logo,.app-shell>aside .aside-foot{display:none}
  .app-shell>aside nav{display:flex;gap:4px;height:68px;margin:0;padding:3px 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
  .app-shell>aside nav::-webkit-scrollbar{display:none}
  .app-shell>aside nav a{flex:0 0 78px;min-width:78px;height:60px;margin:0;padding:6px 4px;flex-direction:column;justify-content:center;gap:4px;text-align:center}
  .app-shell>aside nav a i{width:auto;font-size:17px;line-height:18px}
  .app-shell>aside nav a span{display:block;width:100%;overflow:hidden;color:inherit;font-size:9px;line-height:1.15;white-space:nowrap;text-overflow:ellipsis}
  .app-shell>aside nav a small{display:none}
}
@media(max-width:600px){
  .workspace{padding-left:12px;padding-right:12px}
  .topbar{height:auto;min-height:82px;padding:14px 0}
  .detail-back{margin-top:16px}
  .club-hero{padding:20px}
  .club-hero h2{font-size:26px;overflow-wrap:anywhere}
  .detail-metrics{gap:9px}
  .detail-metrics article,.profile-grid article,.tenure-grid article,.dcp-card,.history-card,.insights-pilot{padding:16px}
  .official-dcp-wrap,.history-table-wrap{margin-left:-4px;margin-right:-4px;-webkit-overflow-scrolling:touch}
  .tenure-grid article{min-width:0}
  .tenure-chart{grid-template-columns:repeat(8,48px);padding-bottom:4px;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .tenure-column{min-width:48px}
  .dcp-score strong{font-size:32px}
}
.club-media aside{position:static;top:auto;height:auto;color:inherit}