/**
 * 康礼：与网页放映 web-deck 内页对齐一致（正文区右移、加宽、字号等）。
 * 使用方式：在 body 上增加 class `school-playback-layout`（可与 pro-export、wd-export 等并存）。
 * 勿在此写「隐藏页脚」等仅网页放映壳层需要的规则。
 */

body.school-playback-layout article.pro-card.pro-card--school {
  --school-safe-top: 158px;
  --school-safe-top-rest: 188px;
}

body.school-playback-layout
  .pro-card.pro-card--school:not([data-school-bg="p2"]):not([data-school-bg="rest"])
  .pro-card__body {
  padding-top: calc(var(--pro-space, 8px) * 6) !important;
}

body.school-playback-layout
  .pro-card.pro-card--school[data-school-bg="p2"]
  .pro-card__body {
  padding-top: var(--school-safe-top) !important;
}

body.school-playback-layout
  .pro-card.pro-card--school[data-school-bg="rest"]
  .pro-card__body {
  padding-top: var(--school-safe-top-rest) !important;
}

body.school-playback-layout
  .pro-card.pro-card--school[data-school-bg="cover"]
  .pro-card__body {
  padding-top: calc(var(--school-safe-top) - 24px) !important;
}

body.school-playback-layout
  .pro-card.pro-card--school[data-school-bg="cover"]
  .pro-card__content.md-render
  > :first-child {
  font-size: clamp(4.25rem, 10vw + 2.5rem, 8.5rem) !important;
  font-weight: 650 !important;
  line-height: 1.12 !important;
  letter-spacing: 0.04em !important;
  text-shadow: 0 4px 36px rgba(0, 0, 0, 0.48);
}

body.school-playback-layout
  .pro-card.pro-card--school[data-school-bg="cover"]
  .pro-card__content.md-render
  > h1:first-child,
body.school-playback-layout
  .pro-card.pro-card--school[data-school-bg="cover"]
  .pro-card__content.md-render
  > h2:first-child {
  font-size: clamp(5rem, 12vw + 2.75rem, 10rem) !important;
  font-weight: 700 !important;
}

body.school-playback-layout
  .pro-card.pro-card--school:not([data-school-bg="cover"]) {
  font-size: clamp(17px, 1.15vw + 14px, 25px);
}

body.school-playback-layout
  .pro-card.pro-card--school:not([data-school-bg="cover"])
  .pro-card__body {
  max-width: none !important;
  width: calc(
    100% - clamp(4.25rem, 10.5vw, 10.5rem) - clamp(1rem, 3.5vw, 2.75rem)
  ) !important;
  margin-left: clamp(4.25rem, 10.5vw, 10.5rem) !important;
  margin-right: auto !important;
  padding-left: calc(var(--pro-space, 8px) * 3) !important;
  padding-right: clamp(3rem, 11vw, 8rem) !important;
}

body.school-playback-layout
  .pro-card.pro-card--school:not([data-school-bg="cover"])
  .pro-card__content
  h2 {
  font-size: 1.52em !important;
  line-height: 1.32 !important;
  margin-top: 0 !important;
}

body.school-playback-layout
  .pro-card.pro-card--school:not([data-school-bg="cover"])
  .pro-card__content
  h3 {
  font-size: 1.22em !important;
  margin-top: calc(var(--pro-space, 8px) * 3) !important;
}

body.school-playback-layout
  .pro-card.pro-card--school:not([data-school-bg="cover"])
  .pro-card__content
  p,
body.school-playback-layout
  .pro-card.pro-card--school:not([data-school-bg="cover"])
  .pro-card__content
  li {
  line-height: 1.58 !important;
}

body.school-playback-layout
  .pro-card.pro-card--school:not([data-school-bg="cover"])
  .pro-card__content
  .katex {
  font-size: 1.1em !important;
}

body.school-playback-layout
  .pro-card.pro-card--school:not([data-school-bg="cover"])
  .pro-card__content
  .katex-display {
  font-size: 1.08em !important;
  margin: 0.6em 0 !important;
  overflow-x: hidden !important;
  max-width: 100% !important;
}

@media (max-width: 600px) {
  body.school-playback-layout
    .pro-card.pro-card--school:not([data-school-bg="cover"])
    .pro-card__body {
    margin-left: clamp(0.75rem, 4vw, 2rem) !important;
    width: calc(
      100% - clamp(0.75rem, 4vw, 2rem) - clamp(0.75rem, 3vw, 1.25rem)
    ) !important;
  }
}