/*
 * 财经日页面上那一节市场复盘。只有 `finance.html` 加载。
 *
 * 留在 `app.css` 里的话，改一个 padding 会改掉四个站每一份 HTML 的样式指纹。
 * 折叠那套（`.fold*`）仍在 `app.css`：它是报道正文共用的，这里只改这一节自己的高度。
 *
 * `.day-brief .fold__body` 的特异性高于 `@media print` 里那条 `.fold__body`，所以纸上
 * 展开必须在本文件再写一遍，写在屏幕那条的后面。
 */

.page__header:has(+ .day-brief) { margin-bottom: 0; }

/*
 * 页头那道线下面是一块白底，简讯仍贴在页面灰底上、彼此只用分隔线分开。
 * 两套底色把「这一天的复盘」和「下面那一列简讯」拆开；只加一条底边的时候，
 * 复盘的淡出和第一条简讯是同一列字。
 */
.day-brief {
  margin: 16px 0 28px;
  padding: 14px 16px 12px;
  background-color: var(--card);
  border: 1px solid var(--border);
  border-radius: 6px;
}

.day-brief__title {
  margin: 0 0 6px;
  font-family: var(--sans);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0;
}

.day-brief__mark {
  display: inline-block;
  margin-left: 8px;
  padding: 0 6px;
  border: 1px solid var(--border);
  border-radius: 4px;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: .04em;
  vertical-align: 1px;
  white-space: nowrap;
  color: var(--muted-foreground);
}

.day-brief__lede,
.day-brief__body p,
.day-brief__body li {
  margin: 0 0 6px;
  font-size: 13.5px;
  line-height: 1.55;
  letter-spacing: .06em;
  text-align: justify;
  color: var(--foreground);
}

.day-brief__lede:last-child,
.day-brief__body p:last-child { margin-bottom: 0; }

.day-brief__h {
  margin: 10px 0 2px;
  font-family: var(--sans);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0;
}

.day-brief__body > .day-brief__h:first-child { margin-top: 0; }

.day-brief__body ul,
.day-brief__body ol {
  margin: 0 0 8px;
  padding-left: 1.4em;
}

/*
 * 字号钉在折叠容器上，`max-height` 的 em 才跟正文走，而不是浏览器默认的 16。
 * 18em ≈ 243px。导语在容器外面。容器里先放下「盘面概览」整节，再露出「主线板块」
 * 的开头；mask 仍从 70% 处淡出，淡出停在这块白底里面，不接到简讯上。
 */
.day-brief .fold__body {
  font-size: 13.5px;
  max-height: 18em;
}

.day-brief .fold__toggle { margin-top: 10px; }

@media print {
  .day-brief .fold__body {
    max-height: none;
    mask-image: none;
    -webkit-mask-image: none;
  }
}