/* codex-phase35-yuyue-edu-mobile-topic-hero-chips start */
@media(max-width:620px){
  header .nav,
  .hero .hero-actions{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    margin-top:16px!important;
    padding:1px 2px 5px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-snap-type:x proximity!important;
  }
  header .nav::-webkit-scrollbar,
  .hero .hero-actions::-webkit-scrollbar{display:none!important}
  header .nav:after,
  .hero .hero-actions:after{content:"";flex:0 0 8px!important}
  header .nav a,
  .hero .hero-actions a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    max-width:82vw!important;
    min-height:34px!important;
    padding:7px 12px!important;
    border-radius:8px!important;
    border:1px solid rgba(255,255,255,.28)!important;
    background:rgba(255,255,255,.11)!important;
    color:#fff!important;
    font-size:12.5px!important;
    line-height:1.12!important;
    font-weight:850!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    box-shadow:none!important;
    scroll-snap-align:start!important;
    backdrop-filter:blur(10px)!important;
  }
  header .nav a:first-child,
  .hero .hero-actions a.primary,
  .hero .hero-actions a:first-child{
    background:linear-gradient(135deg,#f4c75f,#ffe08a)!important;
    color:#1f1604!important;
    border-color:transparent!important;
  }
  header .wrap{max-width:calc(100% - 28px)!important}
  header h1{margin-bottom:10px!important}
  header .lead{margin-bottom:0!important}
}
@media(max-width:360px){
  header .nav a,
  .hero .hero-actions a{font-size:12px!important;padding-left:10px!important;padding-right:10px!important;max-width:86vw!important}
}
/* codex-phase35-yuyue-edu-mobile-topic-hero-chips end */