/* ============================================================

   article-t5.css · Our Smart Baby

   T5 · 深度·研究型

   适用意图：Informational

   加载顺序：14/34

   ============================================================ */



.article-t5 {

  max-width: 680px;

  margin: 0 auto;

  padding: 0 var(--gutter);

}



.article-t5 h1 {

  font-size: var(--text-4xl);

  font-weight: var(--font-bold);

  line-height: var(--leading-tight);

  margin-bottom: var(--rhythm-normal);

}



.article-t5 h2 {

  font-size: var(--text-2xl);

  font-weight: var(--font-semibold);

  margin-top: var(--rhythm-breath);

  margin-bottom: var(--space-5);

}



.article-t5 p {

  font-size: var(--text-lg);

  line-height: var(--leading-loose);

  margin-bottom: var(--space-6);

}



/* 引用块 */

.article-t5 blockquote {

  border-left: 4px solid var(--color-primary-400);

  background-color: var(--color-neutral-50);

  padding: var(--space-4) var(--space-5);

  margin: var(--rhythm-loose) 0;

  font-style: italic;

  border-radius: 0 var(--radius-md) var(--radius-md) 0;

}



.article-t5 blockquote cite {

  display: block;

  margin-top: var(--space-2);

  font-size: var(--text-sm);

  font-style: normal;

  color: var(--color-text-tertiary);

}



/* 脚注 */

.article-t5 .footnote {

  font-size: var(--text-xs);

  color: var(--color-text-tertiary);

  vertical-align: super;

  text-decoration: none;

}



.article-t5 .footnotes {

  margin-top: var(--rhythm-breath);

  padding-top: var(--rhythm-loose);

  border-top: 1px solid var(--color-border);

  font-size: var(--text-sm);

}



.article-t5 .footnotes ol {

  padding-left: var(--space-5);

  list-style: decimal;

}



.article-t5 .footnotes li {

  margin-bottom: var(--space-3);

  color: var(--color-text-secondary);

}



/* 数据可视化 */

.article-t5 .data-highlight {

  text-align: center;

  padding: var(--rhythm-loose) var(--space-4);

  background-color: var(--color-primary-50);

  border-radius: var(--radius-lg);

  margin: var(--rhythm-loose) 0;

}



.article-t5 .data-highlight .number {

  font-family: var(--font-display);

  font-size: var(--text-5xl);

  font-weight: var(--font-bold);

  color: var(--color-primary-600);

  line-height: 1;

}



.article-t5 .data-highlight .label {

  font-size: var(--text-sm);

  color: var(--color-text-secondary);

  margin-top: var(--space-2);

}



/* 页码导航 */

.article-t5 .page-number {

  text-align: center;

  font-size: var(--text-sm);

  color: var(--color-text-tertiary);

  margin: var(--rhythm-loose) 0;

}



/* 移动端 */

@media (max-width: 768px) {

  .article-t5 h1 { font-size: var(--text-3xl); }

  .article-t5 h2 { font-size: var(--text-xl); }

  .article-t5 p { font-size: var(--text-base); }



  .article-t5 .data-highlight .number { font-size: var(--text-4xl); }

}