/* Gold Standard presentation for the preserved About and Developments pages.
   The shared reading shell, navigation and behavior remain in gold-pages.*.
   Screen-only rules leave the source print stylesheet in control. */
@media screen {
  body.gold-editorial .article-body > ul:not([class]) {
    padding-left: 24px;
    margin-block: 24px;
  }
  body.gold-editorial .article-body > ul:not([class]) > li {
    margin-block: 18px;
    padding-left: 5px;
  }

  /* Dates remain distinct from each complete entry, without narrowing the
     narrative to a card or reducing its original content. */
  body.gold-editorial .timeline {
    list-style: none;
    margin-top: 38px;
    padding: 0;
  }
  body.gold-editorial .timeline > li {
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 28px;
    margin: 0;
    padding-block: 30px 34px;
    border-top: 1px solid var(--hairline-strong);
  }
  body.gold-editorial .timeline > li:first-child {
    border-top: 2px solid var(--brass);
  }
  body.gold-editorial .timeline > li > div { min-width: 0; }
  body.gold-editorial .timeline time {
    font-family: var(--font-serif);
    font-size: 17px;
    font-weight: 400;
    font-variant-caps: small-caps;
    letter-spacing: .025em;
    line-height: 1.45;
    color: var(--brass);
    padding-top: 4px;
  }
  body.gold-editorial .timeline h3 {
    font-family: var(--font-head);
    font-size: 29px;
    font-weight: 600;
    line-height: 1.16;
    text-wrap: pretty;
    color: var(--emerald);
    margin-top: 0;
  }
  body.gold-editorial .timeline p {
    font-family: var(--font-serif);
    font-size: 20px;
    line-height: 1.65;
    margin-top: 15px;
    color: var(--ink-soft);
  }
  body.gold-editorial .timeline .citations {
    font-size: 17px;
    line-height: 1.45;
    margin-top: 17px;
  }
  body.gold-editorial .timeline .citations a { overflow-wrap: anywhere; }
  body.gold-editorial .timeline .badge {
    font-family: var(--font-serif);
    font-size: 14px;
    line-height: 1.2;
    padding: 3px 7px;
    border: 1px solid var(--hairline-strong);
    border-radius: 0;
    background: var(--paper-sunken);
    color: var(--brass);
    vertical-align: .15em;
  }
  body.gold-editorial .timeline ~ * { clear: both; }

  @media (max-width: 1100px) and (min-width: 961px) {
    body.gold-editorial .timeline > li {
      grid-template-columns: 1fr;
      gap: 9px;
    }
  }
  @media (max-width: 620px) {
    body.gold-editorial .timeline { margin-top: 30px; }
    body.gold-editorial .timeline > li {
      grid-template-columns: 1fr;
      gap: 9px;
      padding-block: 24px 28px;
    }
    body.gold-editorial .timeline time { padding-top: 0; }
    body.gold-editorial .timeline h3 { font-size: 27px; line-height: 1.17; }
    body.gold-editorial .timeline p { font-size: 19px; line-height: 1.62; margin-top: 13px; }
    body.gold-editorial .timeline .citations { font-size: 17px; line-height: 1.45; }
    body.gold-editorial .article-body > ul:not([class]) { padding-left: 21px; }
  }
}