/* r428: use the existing menu before long translated desktop navigation clips. */
@media (min-width:901px) and (max-width:1320px){
  .z-header .z-desktop{display:none}
  .z-header .z-menu-toggle{display:block}
}
/* The old single-column tablet rule retained explicit child column 2, creating a zero-width card. */
@media (min-width:601px) and (max-width:999px){
  .selected-home .hero-inner{grid-template-columns:minmax(0,1fr);gap:28px}
  .selected-home .hero-content{grid-column:1;grid-row:1;min-width:0}
  .selected-home .hero-visual{grid-column:1;grid-row:2;min-width:0;width:100%;max-width:none;justify-self:stretch}
}
/* Let translated labels and course CTAs grow with their text, without clipping it. */
html:not([lang="zh-CN"]) .selected-home .courses-header-row .version-switch{height:auto;min-height:48px;align-items:stretch}
html:not([lang="zh-CN"]) .selected-home .courses-header-row .version-switch-btn{height:auto;min-height:40px}
html:not([lang="zh-CN"]) .selected-home .courses-section .course-cta-btn{height:auto;min-height:48px;padding-block:11px;white-space:normal;align-items:center}
html:not([lang="zh-CN"]) .selected-home .courses-section .course-cta-btn svg{flex:0 0 16px}
html:not([lang="zh-CN"]) .z-course-panel .course-cta-btn{height:auto;min-height:48px;padding-block:11px;white-space:normal;align-items:center}
html:not([lang="zh-CN"]) .z-course-panel .course-cta-btn svg{flex:0 0 16px}