/* study-note: pages/page.css
 * 作用：固定单页原型样式，未来对应 Boda page.jsp。
 * 边界：公共内页骨架、横幅、面板标题线继续复用 pages/list.css。
 */

.page-panel-head h1 {
  position: relative;
  color: #2d2623;
  font-size: 24px;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: 0;
}

.page-panel-head h1::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -22px;
  width: 72px;
  height: 3px;
  background: var(--color-primary);
}

.page-body {
  max-width: 920px;
  margin: 28px auto 0;
  color: #332d29;
  font-size: 15px;
  line-height: 2;
}

.page-body p + p {
  margin-top: 18px;
}

@media (max-width: 767px) {
  .page-panel-head h1 {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 600;
  }

  .page-panel-head h1::after {
    bottom: -18px;
    width: 54px;
  }

  .page-body {
    margin-top: 22px;
    font-size: 13px;
    line-height: 1.9;
  }

  .page-body p + p {
    margin-top: 14px;
  }
}