/* Section navigation stays a complete set of touch targets, not text-width links.
   These rules intentionally exclude bracket rounds and horizontal match content. */
.app-body :is(.site-tabs,.guest-auth-switch,.account-section-nav)>button{
 min-inline-size:44px;
 min-block-size:48px;
 padding-inline:8px;
 line-height:1.4;
}
.app-body :is(.site-tabs,.guest-auth-switch,.account-section-nav)>button:focus-visible{
 outline:2px solid var(--lime);
 outline-offset:-3px;
}
@media(max-width:768px){
 .app-body :is(.support-tabs,.news-tabs,.guest-auth-switch,.site-tabs:has(>[data-guest-company])){
  display:grid;
  inline-size:100%;
  min-inline-size:0;
  gap:4px;
  overflow:visible;
  align-items:stretch;
 }
 .app-body :is(.news-tabs,.site-tabs:has(>[data-guest-company])){grid-template-columns:repeat(4,minmax(0,1fr))}
 .app-body .support-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
 .app-body .guest-auth-switch{grid-template-columns:repeat(2,minmax(0,1fr))}
 .app-body :is(.support-tabs,.news-tabs,.guest-auth-switch,.site-tabs:has(>[data-guest-company]))>button{
  inline-size:100%;
  min-inline-size:44px;
  min-block-size:48px;
  padding:8px 4px;
  white-space:normal;
  overflow-wrap:normal;
  text-align:center;
  align-self:stretch;
 }
 .app-body .news-toolbar .news-tabs{flex:1;min-inline-size:0}
}
@media(max-width:700px){
 .app-body :is(.commerce-tabs:has(>[data-commerce-wallet-tab]),.account-section-nav){
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:4px;
  inline-size:100%;
  min-inline-size:0;
  overflow:visible;
  position:static;
  padding:0;
 }
 .app-body :is(.commerce-tabs:has(>[data-commerce-wallet-tab]),.account-section-nav)>button{
  inline-size:100%;
  min-inline-size:44px;
  min-block-size:48px;
  padding:8px 4px;
  white-space:normal;
  text-align:center;
  justify-content:center;
  gap:4px;
  border:1px solid transparent;
  border-radius:4px;
  line-height:1.4;
 }
 .app-body .account-section-nav>button>.icon{display:none}
 .app-body :is(.commerce-tabs:has(>[data-commerce-wallet-tab]),.account-section-nav)>button:is([aria-selected=true],[aria-current=page]){
  color:var(--lime);
  background:var(--panel);
  border-color:var(--line);
  border-bottom-color:var(--lime);
 }
 .app-body .commerce-tabs:has(>[data-commerce-wallet-tab])>button[aria-selected=true]:after{display:none}
}
/* At this width all six labels fit one row without hiding any destination. */
@media(min-width:640px) and (max-width:700px){
 .app-body :is(.commerce-tabs:has(>[data-commerce-wallet-tab]),.account-section-nav){grid-template-columns:repeat(6,minmax(0,1fr))}
}