/* AI 入门 shared reading scale. Keep both essays on one measured rhythm. */
body:is([data-site-page="learn"], [data-site-page="learn-change"]) .reader-meta {
  font-size: 13px !important;
  line-height: 1.7 !important;
}

body:is([data-site-page="learn"], [data-site-page="learn-change"]) .reader-dek {
  font-size: 17px !important;
  line-height: 1.85 !important;
}

body:is([data-site-page="learn"], [data-site-page="learn-change"]) .article-body,
body:is([data-site-page="learn"], [data-site-page="learn-change"]) .article-body p {
  font-size: 17px !important;
  line-height: 1.95 !important;
}

body:is([data-site-page="learn"], [data-site-page="learn-change"]) .reader h1 {
  max-width: 100%;
  min-width: 0;
  line-height: 1.32 !important;
  text-wrap: pretty;
  overflow-wrap: anywhere;
}

/* Keep both AI 入门 essays on the same headline scale. The longer second
   title can wrap naturally without being reduced to a different visual tier. */
body:is([data-site-page="learn"], [data-site-page="learn-change"]) .reader h1 {
  font-size: clamp(32px, 4vw, 44px) !important;
  word-break: normal;
}

@media (max-width: 820px) {
  body:is([data-site-page="learn"], [data-site-page="learn-change"]) .reader-meta {
    font-size: 12px !important;
    line-height: 1.65 !important;
  }

  body:is([data-site-page="learn"], [data-site-page="learn-change"]) .reader-dek {
    font-size: 15px !important;
    line-height: 1.8 !important;
  }

  body:is([data-site-page="learn"], [data-site-page="learn-change"]) .article-body,
  body:is([data-site-page="learn"], [data-site-page="learn-change"]) .article-body p {
    font-size: 16px !important;
    line-height: 1.88 !important;
  }

  body:is([data-site-page="learn"], [data-site-page="learn-change"]) .reader h1 {
    font-size: 24px !important;
    line-height: 1.38 !important;
  }

  body:is([data-site-page="learn"], [data-site-page="learn-change"]) .reader h1 {
    font-size: 24px !important;
  }
}

@media (max-width: 359px) {
  body:is([data-site-page="learn"], [data-site-page="learn-change"]) .reader h1 {
    font-size: 23px !important;
  }
}

/* Keep the publication directory identical on both essays and across tablet
   widths; only narrow phones need the smaller navigation scale. */
body:is([data-site-page="learn"], [data-site-page="learn-change"]) nav.edition-switch[aria-label] > a {
  font-family: "Source Han Serif SC", "Noto Serif CJK SC", "Songti SC", SimSun, serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;
}

@media (max-width: 560px) {
  body:is([data-site-page="learn"], [data-site-page="learn-change"]) nav.edition-switch[aria-label] > a {
    font-size: 12px !important;
  }
}

@media (max-width: 360px) {
  body:is([data-site-page="learn"], [data-site-page="learn-change"]) nav.edition-switch[aria-label] > a {
    font-size: 11px !important;
  }
}