/* ==========================================================================
   世界音乐大学 · pages-admissions.css
   仅由 admissions.html 与 campus.html 引入，用于补充窄屏下的可读性。
   原则：只新增工具类，不重定义 style.css 中已有的视觉样式。
   ========================================================================== */

/* ------------------------------------------------------- 表格组件内横向滚动 */
/* 五列表格在窄屏会挤到无法阅读，改为组件内部横向滚动，页面本身不溢出。 */
.tbl-scroll {
  overflow-x: auto;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 0.25rem;
}
.tbl-scroll .table {
  min-width: 40rem;
}

/* ------------------------------------------------------- 图表外框去默认缩进 */
/* <figure> 的 UA 默认外边距为 1em 40px，会让地图在 .wrap 内左右缩进 40px，
   与上方 .section-head 的横线错位；用新增类清零，不改动 .figure 本身。 */
.figure-flush {
  margin: 0;
}

/* ------------------------------------------------------- 平面图房间标签缩排 */
/* .map 固定 16:10 比例，窄屏下每个房间变矮，需缩小标签字号才能保持两行。 */
.map--plan .map__room {
  overflow-wrap: anywhere;
}

@media (max-width: 900px) {
  .tbl-scroll .table {
    min-width: 36rem;
  }
}

@media (max-width: 680px) {
  /* section-head 为「编号 + 标题」两列，标题带英文副题时在 390px 下容易撑破，
     此处改为单列堆叠（仅本两页生效）。 */
  .section-head {
    grid-template-columns: 1fr;
  }
  .section-head__aside {
    text-align: left;
  }

  .tbl-scroll .table {
    min-width: 34rem;
  }

  .map--plan .map__room {
    font-size: 0.5rem;
    letter-spacing: 0.04em;
    line-height: 1.3;
    padding: 0.14rem 0.2rem;
  }
  .map--plan .map__room small {
    font-size: 0.64rem;
    line-height: 1.22;
  }
}