/* ============================================================
   article-t5.css — Deep Research Template
   Intent: Informational | Layout: Single column, narrow reading
   ============================================================ */

.article-t5 {
  padding: var(--rhythm-loose) 0 var(--rhythm-breath);
}

.article-t5 .article-hero {
  max-width: 680px;
  margin: 0 auto var(--rhythm-loose);
  padding: 0 var(--gutter);
}

.article-t5 h1 {
  font-size: var(--text-4xl);
  line-height: var(--leading-tight);
  margin-bottom: var(--rhythm-normal);
  letter-spacing: var(--tracking-tight);
}

.article-t5 .article-lead {
  font-size: var(--text-lg);
  color: var(--color-text-secondary);
  line-height: var(--leading-relaxed);
  max-width: 55ch;
}

.article-t5 .article-body {
  max-width: 680px;
  margin: 0 auto;
  padding: 0 var(--gutter);
}

.article-t5 .article-body p {
  font-size: var(--text-base);
  line-height: var(--leading-loose);
  margin-bottom: var(--rhythm-normal);
}

.article-t5 .article-body h2 {
  font-size: var(--text-2xl);
  margin-top: var(--rhythm-breath);
  margin-bottom: var(--rhythm-normal);
  padding-bottom: var(--space-2);
  border-bottom: 1px solid var(--color-border);
}

.article-t5 .article-body h3 {
  font-size: var(--text-xl);
  margin-top: var(--rhythm-loose);
  margin-bottom: var(--space-3);
}

/* Footnotes */
.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);
  color: var(--color-text-tertiary);
  counter-reset: footnote-counter;
}

.article-t5 .footnotes ol {
  padding-left: var(--space-5);
  list-style: decimal;
}
.article-t5 .footnotes li {
  margin-bottom: var(--space-3);
  line-height: var(--leading-normal);
}

.article-t5 sup.footnote-ref {
  font-size: 0.7em;
  color: var(--color-primary-600);
  font-weight: var(--font-semibold);
  cursor: pointer;
}

/* Data callout */
.article-t5 .data-callout {
  margin: var(--rhythm-loose) 0;
  padding: var(--space-6);
  background: var(--color-surface);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary-500);
}
.article-t5 .data-callout::before {
  content: 'DATA';
  display: block;
  font-size: var(--text-xs);
  font-weight: var(--font-bold);
  letter-spacing: var(--tracking-wider);
  color: var(--color-primary-700);
  margin-bottom: var(--space-3);
}
.article-t5 .data-callout p:last-child { margin-bottom: 0; }

/* Citation */
.article-t5 .citation {
  font-size: var(--text-sm);
  color: var(--color-text-tertiary);
  padding-left: var(--space-3);
  border-left: 2px solid var(--color-border-strong);
  margin: var(--space-4) 0;
}
.article-t5 .citation a {
  color: var(--color-info);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

@media (max-width: 768px) {
  .article-t5 h1 { font-size: var(--text-3xl); }
  .article-t5 .article-body p { font-size: var(--text-base); }
  .article-t5 .article-body h2 { font-size: var(--text-xl); }
}