/* study999-mobile-typography-v1
   手机版主站统一字号。
   排除已调整好的课文页。
*/

@media screen and (max-width: 720px) {

  /* 统一标准：
     主标题最大22px，普通正文14px。 */

  #app:not(:has(> .study999-lesson-static)) {
    font-size: 14px !important;
    line-height: 1.5;
  }

  /* 页面主标题：与课文标题大小一致。 */
  #app:not(:has(> .study999-lesson-static)) h1 {
    font-size: clamp(17px, 5vw, 22px) !important;
    line-height: 1.25 !important;
    font-weight: 700;
  }

  /* 二级标题。 */
  #app:not(:has(> .study999-lesson-static)) h2 {
    font-size: clamp(16px, 4.2vw, 18px) !important;
    line-height: 1.3 !important;
  }

  /* 三级标题。 */
  #app:not(:has(> .study999-lesson-static)) h3 {
    font-size: clamp(14px, 3.8vw, 16px) !important;
    line-height: 1.35 !important;
  }

  /* 四级及更小的标题。 */
  #app:not(:has(> .study999-lesson-static))
  :is(h4, h5, h6) {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  /* 正文、课程介绍、列表、表单标签。 */
  #app:not(:has(> .study999-lesson-static))
  :is(p, li, dt, dd, summary, label, td, th) {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  /* 普通操作按钮：
     不改变背景色、边框或图标设计。 */
  #app:not(:has(> .study999-lesson-static))
  button:not(.study999-lesson-nav-btn) {
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  /* 辅助说明、表单提示、小字。 */
  #app:not(:has(> .study999-lesson-static))
  :is(small, .small, .text-small) {
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  /* 输入框保持16px，避免iPhone点击时自动缩放。 */
  #app:not(:has(> .study999-lesson-static))
  :is(input, textarea, select) {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }

  /* 网站名称最大字号与课文标题保持一致。
     不修改Logo尺寸及顶部导航按钮高度。 */
  body > header .study999-site-title {
    font-size: clamp(16px, 4.5vw, 22px) !important;
  }

}