/* 案例详情和行业页长正文的排版：正文从编辑器或 REST 写入，含标题、列表、
   表格、引用框和插图。样式与新闻详情正文（news.css）保持同一套观感。 */

:is(.sa-case-study-detail__content, .sa-industry-body .entry-content) {
  --sa-rich-gap: 18px;
  color: var(--sa-text-2);
  font-size: 16.5px;
  line-height: 1.8;
}

.sa-industry-body .entry-content {
  margin-top: 0;
}

:is(.sa-case-study-detail__content, .sa-industry-body .entry-content) > * + * {
  margin-top: var(--sa-rich-gap);
}

/* 每个 h2 是一节：上方留白并画分隔线；h3 是节内小标题，只留间距。
   与产品详情正文（product-details.css）同一套层级。 */
:is(.sa-case-study-detail__content, .sa-industry-body .entry-content) > h2 {
  margin-top: clamp(48px, 5vw, 64px);
  padding-top: clamp(32px, 3.4vw, 44px);
  border-top: 1px solid var(--sa-border);
  font-size: clamp(24px, 2.4vw, 30px);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -.02em;
  color: var(--sa-primary);
}

:is(.sa-case-study-detail__content, .sa-industry-body .entry-content) > h3 {
  margin-top: 32px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--sa-primary);
}

:is(.sa-case-study-detail__content, .sa-industry-body .entry-content) > :first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

:is(.sa-case-study-detail__content, .sa-industry-body .entry-content) > :is(h2, h3) + * {
  margin-top: 14px;
}

:is(.sa-case-study-detail__content, .sa-industry-body .entry-content) > h2 + h3 {
  margin-top: 24px;
}

:is(.sa-case-study-detail__content, .sa-industry-body .entry-content) a:not(.btn, .wp-block-button__link) {
  color: var(--sa-accent-deep);
  text-decoration: underline;
  text-underline-offset: 3px;
}

:is(.sa-case-study-detail__content, .sa-industry-body .entry-content) a:not(.btn, .wp-block-button__link):hover {
  color: var(--sa-accent-deep-hover);
}

:is(.sa-case-study-detail__content, .sa-industry-body .entry-content) :is(ul, ol) {
  padding-left: 22px;
}

:is(.sa-case-study-detail__content, .sa-industry-body .entry-content) ul {
  list-style: disc;
}

:is(.sa-case-study-detail__content, .sa-industry-body .entry-content) ol {
  list-style: decimal;
}

:is(.sa-case-study-detail__content, .sa-industry-body .entry-content) li + li {
  margin-top: 6px;
}

:is(.sa-case-study-detail__content, .sa-industry-body .entry-content) li::marker {
  color: var(--sa-action);
}

/* 要点框（Markdown 引用）：浅底色 + 细边框，与正文左对齐。
   不用左侧彩色竖条，也不留浏览器默认的左右缩进。 */
:is(.sa-case-study-detail__content, .sa-industry-body .entry-content) > blockquote {
  margin: 28px 0 0;
  padding: 20px 24px;
  border: 1px solid var(--sa-border);
  border-radius: 12px;
  background: var(--sa-bg-soft);
}

:is(.sa-case-study-detail__content, .sa-industry-body .entry-content) > blockquote > * + * {
  margin-top: 8px;
}

:is(.sa-case-study-detail__content, .sa-industry-body .entry-content) figure {
  margin: 32px 0 0;
}

:is(.sa-case-study-detail__content, .sa-industry-body .entry-content) img {
  display: block;
  max-width: 100%;
  max-height: 560px;
  width: auto;
  height: auto;
  margin: 0 auto;
  border-radius: 10px;
}

:is(.sa-case-study-detail__content, .sa-industry-body .entry-content) figcaption {
  margin-top: 10px;
  color: var(--sa-text-3);
  font-size: 13.5px;
  line-height: 1.6;
  text-align: center;
}

/* 表格：渲染时包一层 .sa-table-scroll（springapex_wrap_content_tables()）。外层限宽、
   横向滚动，里面的表格保持原生表格布局并撑满正文宽度；列多或单元格定宽时在外层滚动，
   不会撑出或被裁掉。 */
/* 不限直接子元素：表格在分组、引用等容器里时，包层也在容器里，同样要限宽滚动。 */
:is(.sa-case-study-detail__content, .sa-industry-body .entry-content) .sa-table-scroll {
  max-width: 100%;
  overflow-x: auto;
}

:is(.sa-case-study-detail__content, .sa-industry-body .entry-content) > .sa-table-scroll:not(:first-child) {
  margin-top: 28px;
}

:is(.sa-case-study-detail__content, .sa-industry-body .entry-content) table {
  width: 100%;
  margin-top: 28px;
  border-collapse: collapse;
  font-size: 15px;
  line-height: 1.55;
}

:is(.sa-case-study-detail__content, .sa-industry-body .entry-content) :is(th, td) {
  padding: 10px 12px;
  border: 1px solid var(--sa-border);
  text-align: left;
  vertical-align: top;
}

.sa-table-scroll > table {
  margin-top: 0 !important;
}

:is(.sa-case-study-detail__content, .sa-industry-body .entry-content) th {
  background: var(--sa-bg-soft);
  color: var(--sa-primary);
  font-weight: 600;
}

@media (max-width: 680px) {
  :is(.sa-case-study-detail__content, .sa-industry-body .entry-content) {
    font-size: 16px;
  }

  :is(.sa-case-study-detail__content, .sa-industry-body .entry-content) table {
    font-size: 14px;
  }
}