/* officeHours — blog index + article typography (loaded only on /blog/ pages) */

.blog-hero {
  padding-top: var(--space-7);
  padding-bottom: var(--space-6);
  border-bottom: 1px solid var(--color-rule);
}

.article {
  width: calc(100% - 2 * var(--space-4));
  max-width: var(--container-read);
  margin-inline: auto;
  padding-top: var(--space-8);
  padding-bottom: var(--space-8);
}

.article__meta {
  font-family: var(--font-serif);
  font-variant-numeric: tabular-nums;
  font-size: var(--text-sm);
  color: var(--color-ink-faint);
  margin-bottom: var(--space-3);
}

.article__title {
  margin-bottom: var(--space-4);
}

.article__image {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  margin-block: var(--space-6);
}

.article__scope {
  border: 1px solid var(--color-rule-strong);
  border-radius: var(--radius-control);
  padding: var(--space-3) var(--space-4);
  font-size: var(--text-sm);
  color: var(--color-ink-muted);
  margin-bottom: var(--space-7);
}

.article__body {
  font-size: var(--text-base);
  line-height: var(--leading-relaxed);
}

.article__body h2 {
  margin-top: var(--space-7);
  font-size: var(--text-2xl);
}

.article__body h3 {
  margin-top: var(--space-6);
}

.article__body ul,
.article__body ol {
  margin-bottom: var(--space-5);
}

.article__body li + li {
  margin-top: var(--space-2);
}

.article__body a {
  color: var(--color-accent);
}

.article__sources {
  margin-top: var(--space-8);
  padding-top: var(--space-6);
  border-top: 1px solid var(--color-rule);
  font-size: var(--text-sm);
  color: var(--color-ink-muted);
}

.article__sources h2 {
  font-size: var(--text-lg);
  margin-bottom: var(--space-3);
}

.article__disclaimer {
  margin-top: var(--space-6);
}

.article__nav-back {
  margin-bottom: var(--space-6);
  display: inline-block;
}

.article__question {
  margin-top: var(--space-7);
  padding-top: var(--space-5);
  border-top: 1px solid var(--color-rule);
}

.article__question h2 {
  font-size: var(--text-lg);
}

.article__question p {
  color: var(--color-ink-muted);
}