/* study999-mobile-lesson-list-compact-v1
   登录后手机版：压缩课程类目页的逐课卡片。
   通过 data-lesson 定位，不依赖 catalog-back。
*/

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

  /* 每篇课文的白色容器。 */
  body.study999-logged-nav
  #app > section.card:has(> button[data-lesson]) {
    box-sizing: border-box !important;
    display: block !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    padding: 7px 10px !important;
    margin: 0 0 6px !important;

    align-content: start !important;
    justify-content: flex-start !important;

    border-radius: 9px !important;
  }

  /* 课文标题：减少上下空白。 */
  body.study999-logged-nav
  #app > section.card:has(> button[data-lesson])
  > h2 {
    height: auto !important;
    min-height: 0 !important;

    margin: 0 0 3px !important;
    padding: 0 !important;

    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  /* 课文简介：文字完整保留，缩小间距。 */
  body.study999-logged-nav
  #app > section.card:has(> button[data-lesson])
  > p {
    height: auto !important;
    min-height: 0 !important;

    margin: 0 0 4px !important;
    padding: 0 !important;

    font-size: 12.5px !important;
    line-height: 1.3 !important;
  }

  /* 开始学习按钮：保留原有颜色和点击功能。 */
  body.study999-logged-nav
  #app > section.card:has(> button[data-lesson])
  > button[data-lesson] {
    box-sizing: border-box !important;

    height: auto !important;
    min-height: 30px !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 5px 10px !important;

    font-size: 13px !important;
    line-height: 1.2 !important;
  }

}