/* Đấu trường rèn luyện — iPad Mini landscape only
   Exact scope: 1024x768 landscape. No effect on portrait or other tabs/devices. */
@media (width:1024px) and (height:768px) and (orientation:landscape){

  /* Keep the catalog compact, but never squeeze controls into overlapping rows. */
  #section-catalog{
    gap:10px!important;
  }

  #section-catalog .arena-mobile-hero{
    grid-template-columns:minmax(0,1fr) 190px!important;
    gap:10px!important;
    padding:12px 13px!important;
    min-height:104px!important;
  }
  #section-catalog .arena-mobile-hero-main{
    min-width:0!important;
    align-items:center!important;
    gap:9px!important;
  }
  #section-catalog .arena-mobile-hero-icon{
    width:46px!important;
    height:46px!important;
    flex:0 0 46px!important;
    font-size:22px!important;
  }
  #section-catalog .arena-mobile-hero-title{
    margin-top:2px!important;
    font-size:20px!important;
    line-height:25px!important;
  }
  #section-catalog .arena-mobile-hero-desc{
    margin-top:1px!important;
    font-size:10px!important;
    line-height:14px!important;
    max-width:540px!important;
  }
  #section-catalog .arena-mobile-hero-copy>div:first-child{
    gap:5px!important;
  }
  #section-catalog .arena-mobile-hero-copy>div:first-child span{
    padding:3px 7px!important;
    font-size:9px!important;
    line-height:13px!important;
  }

  #section-catalog .arena-progress-card{
    width:190px!important;
    min-width:190px!important;
    max-width:190px!important;
    padding:9px!important;
    gap:7px!important;
    align-self:stretch!important;
    justify-content:space-between!important;
  }
  #section-catalog .arena-progress-card>div:first-child{
    min-width:0!important;
    flex:1 1 auto!important;
  }
  #section-catalog .arena-progress-card .w-32,
  #section-catalog .arena-progress-card .sm\:w-36{
    width:100%!important;
    max-width:none!important;
  }
  #section-catalog .arena-progress-card>div:nth-child(2){
    height:36px!important;
  }
  #section-catalog #catalog-stat-book-label{
    font-size:9.5px!important;
    line-height:13px!important;
  }
  #section-catalog #catalog-stat-completed{
    font-size:20px!important;
    line-height:23px!important;
  }
  #section-catalog #catalog-stat-total,
  #section-catalog #catalog-stat-percent{
    font-size:9px!important;
    line-height:12px!important;
  }
  #section-catalog #catalog-stat-stars{
    font-size:17px!important;
    line-height:20px!important;
  }

  /* Filter panel: 3 clean rows — grade / book tabs / search + status. */
  #section-catalog .arena-filter-panel{
    padding:10px!important;
    gap:8px!important;
    overflow:visible!important;
  }

  #section-catalog .arena-grade-row{
    min-height:34px!important;
    padding-bottom:7px!important;
    gap:8px!important;
    flex-direction:row!important;
    align-items:center!important;
  }
  #section-catalog .arena-grade-row>div:first-child{
    min-width:0!important;
  }
  #section-catalog .arena-grade-row>div:first-child span:last-child{
    font-size:9.5px!important;
    line-height:13px!important;
    white-space:nowrap!important;
  }
  #section-catalog #catalog-active-grade-badge{
    min-height:30px!important;
    padding:4px 9px!important;
    font-size:9.5px!important;
    line-height:13px!important;
    white-space:nowrap!important;
  }

  #section-catalog .arena-filter-main{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 270px!important;
    grid-template-rows:36px 36px!important;
    grid-template-areas:
      "books books"
      "search status"!important;
    align-items:stretch!important;
    gap:7px 8px!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }

  #section-catalog .arena-book-tabs{
    grid-area:books!important;
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    align-items:stretch!important;
  }
  #section-catalog .arena-book-tabs button{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 10px!important;
    border-radius:9px!important;
    justify-content:center!important;
    font-size:9.5px!important;
    line-height:13px!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  #section-catalog .arena-book-tabs button span{
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  #section-catalog .arena-search-wrap{
    grid-area:search!important;
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:36px!important;
  }
  #section-catalog .arena-search-wrap>.material-symbols-outlined{
    left:10px!important;
    font-size:16px!important;
  }
  #section-catalog #catalog-search{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    padding:0 10px 0 32px!important;
    border-radius:9px!important;
    font-size:9.5px!important;
    line-height:13px!important;
  }

  #section-catalog .arena-status-filters{
    grid-area:status!important;
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    align-items:stretch!important;
    overflow:visible!important;
    padding:0!important;
  }
  #section-catalog .arena-status-filters button{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 5px!important;
    border-radius:9px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:8.5px!important;
    line-height:11px!important;
    white-space:normal!important;
    overflow:hidden!important;
  }

  /* Topic header stays horizontal; lesson cards form a stable 2-column grid. */
  #catalog-topics-container{
    gap:10px!important;
  }
  #catalog-topics-container .catalog-topic-group{
    gap:7px!important;
  }
  #catalog-topics-container .arena-topic-header{
    min-height:48px!important;
    padding:8px 11px!important;
    gap:8px!important;
    align-items:center!important;
  }
  #catalog-topics-container .arena-topic-header>div:first-child{
    min-width:0!important;
    flex:1 1 auto!important;
  }
  #catalog-topics-container .arena-topic-icon{
    flex:0 0 auto!important;
    font-size:20px!important;
  }
  #catalog-topics-container .arena-topic-label{
    font-size:8.5px!important;
    line-height:11px!important;
  }
  #catalog-topics-container .arena-topic-title{
    font-size:13px!important;
    line-height:17px!important;
  }
  #catalog-topics-container .arena-topic-sub{
    font-size:9px!important;
    line-height:12px!important;
  }
  #catalog-topics-container .arena-topic-stat{
    flex:0 0 auto!important;
    max-width:130px!important;
    padding:4px 7px!important;
    font-size:8.5px!important;
    line-height:11px!important;
    white-space:nowrap!important;
  }

  #catalog-topics-container .arena-lessons-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  #catalog-topics-container .arena-lesson-card,
  #catalog-topics-container .catalog-card{
    width:100%!important;
    min-width:0!important;
    min-height:106px!important;
    padding:9px!important;
    gap:6px!important;
    border-radius:10px!important;
  }
  #catalog-topics-container .arena-card-top{
    gap:7px!important;
  }
  #catalog-topics-container .arena-lesson-number{
    width:28px!important;
    height:28px!important;
    flex:0 0 28px!important;
    font-size:10px!important;
  }
  #catalog-topics-container .arena-card-meta{
    gap:4px!important;
    margin-bottom:1px!important;
  }
  #catalog-topics-container .arena-card-meta span{
    font-size:8px!important;
    line-height:11px!important;
  }
  #catalog-topics-container .arena-card-title{
    min-height:0!important;
    margin:0!important;
    font-size:11.5px!important;
    line-height:15px!important;
    display:block!important;
    overflow:visible!important;
    white-space:normal!important;
    -webkit-line-clamp:unset!important;
  }
  #catalog-topics-container .arena-card-footer{
    margin-top:auto!important;
    padding-top:6px!important;
    gap:5px!important;
    min-width:0!important;
  }
  #catalog-topics-container .arena-card-tags{
    min-width:0!important;
    flex:1 1 auto!important;
    gap:4px!important;
    overflow:hidden!important;
  }
  #catalog-topics-container .arena-card-tags span{
    min-width:0!important;
    max-width:100%!important;
    padding:3px 5px!important;
    font-size:8px!important;
    line-height:10px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #catalog-topics-container .arena-card-action{
    flex:0 0 auto!important;
    min-height:30px!important;
    padding:5px 8px!important;
    font-size:8.5px!important;
    line-height:11px!important;
    white-space:nowrap!important;
  }
}