/* Standalone /thien-dao-bang/ page frame. Board component styles stay in tdb-mau3b.css. */
body.jlpt180-direct-module-tdb.jlpt180-clean-lobby{
  min-width:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  touch-action:pan-y!important;
}

body.jlpt180-direct-module-tdb #jlpt180-tdb-page{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:100dvh;
  margin:0;
  padding:clamp(10px,1.5vw,22px);
  font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
}

body.jlpt180-direct-module-tdb #tdb-rank-board{
  width:100%!important;
  max-width:1440px!important;
  min-height:0!important;
  margin:0 auto!important;
}

@media (max-width:899px){
  body.jlpt180-direct-module-tdb #jlpt180-tdb-page{
    min-height:0;
    padding:6px 0 0;
  }

  body.jlpt180-direct-module-tdb #tdb-rank-board{
    min-height:0!important;
    padding-bottom:28px!important;
  }

  body.jlpt180-direct-module-tdb #tdb-rank-board .tdb-v3b-subtabs{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    overflow:visible!important;
    gap:6px!important;
  }

  body.jlpt180-direct-module-tdb #tdb-rank-board .tdb-v3b-subtabs .tdb-tab{
    min-width:0!important;
    min-height:44px!important;
    padding:6px 4px!important;
    white-space:normal!important;
    font-size:clamp(11px,3.25vw,13px)!important;
    line-height:1.15!important;
  }
}