/* MEGA63 citability additions, 2026-11-01 (m63-watchdog recon/builders/geo_citability_2026_11_01.py):
   the answer-first paragraph, the key-facts table and the "Updated" note. Loaded only by the pages that carry them. */

/* guide pages: the answer sits first in the intro, above the longer lede */
.article-intro .answer-first {
  max-width: 68ch;
  margin: 0 0 22px;
  padding: 2px 0 2px 18px;
  border-left: 2px solid var(--lambo-gold);
  color: var(--white);
  font-size: 18px;
  line-height: 1.65;
  text-wrap: pretty;
}

/* home page: the same answer inside the hero, plus the small updated note */
.hero-answer {
  max-width: 62ch;
  margin: 20px 0 0;
  color: var(--smoke);
  font-size: 17px;
  line-height: 1.65;
  text-wrap: pretty;
}
.updated-note { margin: 10px 0 0; font-size: 12px; line-height: 1.6; color: var(--ash); }
.updated-note a { color: var(--steel); text-decoration: underline; text-underline-offset: 3px; }

/* home page: key facts section, laid out like the FAQ section below it */
.key-facts {
  padding: var(--section-space) var(--gutter-desktop);
  border-top: 1px solid var(--charcoal);
}
.key-facts .facts-wrap { max-width: 992px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.key-facts table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.6; text-align: left; }
.key-facts th, .key-facts td { padding: 16px 20px; border-bottom: 1px solid var(--charcoal); vertical-align: top; }
.key-facts thead th { background: var(--dark-iron); color: var(--steel); font-size: 11px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; }
.key-facts tbody th { width: 32%; color: var(--smoke); font-weight: 500; }
.key-facts td { color: var(--steel); }

@media (max-width: 768px) {
  .article-intro .answer-first { font-size: 17px; padding-left: 14px; }
  .hero-answer { font-size: 16px; }
  .key-facts { padding: var(--section-space) var(--gutter-mobile); }
  .key-facts th, .key-facts td { padding: 14px 8px; }
  .key-facts table { font-size: 14px; }
}