/*
 * 新闻日页面的正文排版。**页面级样式表的第五份**，只有 `/cn/news` 那一天加载
 * （`day.html` 的 `{% block styles %}`）。判据同 `search.css`：这段只服务存档文字稿，
 * 财经快讯和市场涨停用的是另一套部件，改字距不该变成四个站一起出 diff。
 *
 * 这是一次先只动存档的试排。共用的 `.report__body` 仍是 15px / 1.5 / `.06em`，三个板块
 * 的密度在 `app.css` 里还是同一个数；这边覆盖的是「标题字距收回来一点、行距收紧、
 * 取消两端对齐」。字体和色板跟全站同一套（Inter / Playfair Display），看过再决定
 * 要不要收回 `app.css` 或铺到另外两个板块。
 */

html { -webkit-font-smoothing: antialiased; }

.report { padding: 8px 0; }

/*
 * Playfair 的负字距是给西文衬线标题收紧的；落到汉字上是字贴字。中文标题只加一点点
 * 字距，和 `wei/www` 那档 `.5px` 同一方向。
 */
.page__title,
.page__header--timeline .page__title {
  letter-spacing: 0.5px;
  font-weight: 700;
}

.report__head {
  display: block;
  margin-bottom: 8px;
}

.report__headline {
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
  margin-bottom: 4px;
}

.report__head--timed {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr) max-content;
  column-gap: 8px;
  row-gap: 4px;
  margin-bottom: 8px;
}

.report__head--timed .report__headline {
  display: contents;
  margin-bottom: 0;
}

.report__head--timed .report__time {
  grid-column: 1;
  grid-row: 1;
}

.report__head--timed .report__title {
  grid-column: 2;
  grid-row: 1;
}

.report__head--timed .bookmark {
  grid-column: 3;
  grid-row: 1;
  margin-left: 0;
  align-self: center;
}

.report__head--timed .report__byline {
  grid-column: 2 / -1;
  grid-row: 2;
  width: auto;
}

.report__headline .report__time {
  flex: none;
  align-self: center;
}

.report__title {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: 1.5;
}

.report__headline .bookmark {
  flex: none;
  margin-left: auto;
  align-self: center;
}

.report__byline {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
  margin-bottom: 0;
}

.report__source {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: none;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--foreground);
  font-weight: 400;
}

.report__source .report__origin { color: inherit; border-bottom: 0; }

.report__byline .chips { flex: 1 1 auto; min-width: 0; margin: 0; }

.report__brief {
  position: relative;
  margin: 2px 0 8px;
  padding: 4px 34px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.02em;
}

.report__brief::before,
.report__brief::after {
  position: absolute;
  font-family: Georgia, var(--serif);
  font-size: 32px;
  line-height: 1;
  color: var(--primary);
  opacity: 0.55;
}

.report__brief::before {
  content: "\201C";
  top: 2px;
  left: 8px;
}

.report__brief::after {
  content: "\201D";
  right: 8px;
  bottom: -5px;
}

.report__body {
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.06em;
}

.report__body p {
  text-align: start;
  text-indent: 2em;
}

/*

 * 折叠仍露四行。这里正文行高是 1.4，所以四行是 `5.6em`（相对 `.fold__body`
 * 继承到的字号）。
 */
.fold__body { max-height: 5.6em; }