/* 72Hz growth/readiness polish — mobile-first visual alignment */
body.growth-polish-active .app-legal-links{display:none!important}
body.growth-polish-active .content{padding-bottom:110px}
body.growth-polish-active .growth-dashboard{margin:0!important}

/* Only one bottom-nav item may read as selected while custom growth/readiness views are open. */
body.growth-polish-active .bottom-nav button{color:#8491a0!important;background:transparent!important;box-shadow:none!important}
body.growth-polish-active .bottom-nav button>span{color:inherit!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important}
body.growth-polish-active .bottom-nav button:after{opacity:0!important}
body.growth-polish-active .bottom-nav button.growth-nav-active{color:#f26522!important}
body.growth-polish-active .bottom-nav button.growth-nav-active>span{color:#f26522!important}
body.growth-polish-active .bottom-nav button.growth-nav-active:after{content:""!important;position:absolute!important;left:24%!important;right:24%!important;bottom:3px!important;height:3px!important;border-radius:99px!important;background:#f26522!important;opacity:1!important}
body.growth-polish-active .bottom-nav button.growth-nav-center{transform:none!important}
body.growth-polish-active .bottom-nav button.growth-nav-center>span{width:36px!important;height:36px!important;border-radius:50%!important;display:grid!important;place-items:center!important}
body.growth-polish-active .bottom-nav button.growth-nav-center.growth-nav-active>span{background:#fff1e8!important;border:1px solid #ffc29f!important;box-shadow:0 0 0 5px rgba(242,101,34,.10),0 8px 18px rgba(242,101,34,.16)!important}

/* More breathing room, less crowding in the hero. */
.growth-dashboard{padding-top:18px!important}
.growth-hero{gap:14px!important;align-items:stretch!important}
.growth-rank-card{min-width:0!important}
.growth-rank-card b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Skill cards: fixed rhythm, consistent titles/progress placement. */
.growth-skill-grid{align-items:stretch!important}
.growth-skill{min-height:92px!important;height:100%!important}
.growth-skill>span:nth-child(2){min-width:0;display:flex;flex-direction:column;height:100%;justify-content:center}
.growth-skill b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.18;min-height:2.36em;margin:0}
.growth-skill small{margin-top:4px!important}
.growth-skill .mini{margin-top:auto!important;width:100%!important}
.growth-skill-icon,.growth-region .ricon{font-family:Arial,Helvetica,sans-serif!important;font-variant-emoji:text!important}

/* Slightly smaller map action so it does not dominate the map. */
.growth-map-open{padding:8px 12px!important;font-size:12px!important;top:12px!important;right:12px!important}

@media(max-width:760px){
  .growth-dashboard{padding:14px 12px 104px!important}
  .growth-hero{grid-template-columns:minmax(0,1.05fr) minmax(150px,.95fr)!important;gap:10px!important}
  .growth-hero h1{font-size:28px!important;line-height:1.04!important;margin:7px 0 8px!important}
  .growth-kicker{font-size:9px!important;letter-spacing:.13em!important}
  .growth-sub{font-size:13px!important;line-height:1.4!important}
  .growth-rank-card{grid-template-columns:50px minmax(0,1fr) 18px!important;padding:12px!important;gap:9px!important;border-radius:18px!important}
  .growth-rank-shield{width:48px!important;height:56px!important}
  .growth-rank-card b{font-size:21px!important}
  .growth-rank-meta{font-size:10px!important;line-height:1.3!important}
  .growth-stats{padding:13px 11px!important;gap:0!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;border-radius:18px!important}
  .growth-stat{padding:0 8px!important;border-right:1px solid rgba(255,255,255,.14)!important;min-width:0}
  .growth-stat:last-child{border-right:0!important}
  .growth-stat small{font-size:9px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .growth-stat strong{font-size:24px!important;white-space:nowrap}
  .growth-stat strong[style]{font-size:13px!important;white-space:normal!important;line-height:1.18!important}
  .growth-map-card,.growth-map-grid{min-height:300px!important}
  .growth-skill-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  .growth-skill{grid-template-columns:36px minmax(0,1fr) 12px!important;gap:7px!important;padding:9px 8px!important;min-height:88px!important;border-radius:15px!important}
  .growth-skill-icon{width:34px!important;height:34px!important;border-radius:11px!important;font-size:18px!important}
  .growth-skill b{font-size:10.5px!important;min-height:2.36em!important}
  .growth-skill small{font-size:10px!important}
  .growth-skill .go{font-size:18px!important}
  .growth-skill-head{margin:18px 0 10px!important;align-items:center!important}
  .growth-skill-head h2{font-size:24px!important}
  .growth-skill-head p{display:none!important}
  .growth-skill-head button{font-size:11px!important;padding:8px 10px!important}
}

@media(max-width:390px){
  .growth-hero{grid-template-columns:minmax(0,1fr) 145px!important}
  .growth-hero h1{font-size:26px!important}
  .growth-rank-card{grid-template-columns:44px minmax(0,1fr) 14px!important;padding:10px!important}
  .growth-rank-shield{width:43px!important;height:51px!important}
  .growth-rank-card b{font-size:19px!important}
  .growth-stats{padding:12px 8px!important}
  .growth-stat{padding:0 6px!important}
  .growth-stat strong{font-size:21px!important}
}