/* Selected native articles and journal filters share the training site's type and palette. */
.ats-document .ats-journal-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 28px;
  margin-bottom: 36px;
  border-bottom: 1px solid var(--rule);
  padding-bottom: 16px;
  font: 500 1rem/1.5 var(--sans);
}
.ats-document .ats-journal-filters a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--ink);
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.ats-document .ats-journal-filters a[aria-current="page"] {
  color: var(--blue);
  border-bottom-color: currentColor;
}
.ats-document .ats-journal-filters a:hover { border-bottom-color: currentColor; }
.ats-document .journal-story__meta { flex-wrap: wrap; gap: 6px 16px; }
.ats-document .journal-story__meta > .ats-journal-date { color: var(--muted); font-weight: 400; }
.ats-document .ats-journal-date { display: inline-block; }
.ats-document .ats-journal-article {
  padding: 64px var(--gutter) 88px;
  color: var(--ink);
  background: var(--paper);
}
.ats-document .ats-journal-article__inner { max-width: 1080px; margin: 0 auto; }
.ats-document .ats-journal-article__header { max-width: 920px; margin-bottom: 40px; }
.ats-document .ats-journal-article__back,
.ats-document .ats-journal-article__source a,
.ats-document .ats-journal-article__footer a,
.ats-document .ats-journal-article__pages a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--blue);
  text-decoration: underline;
  text-underline-offset: 5px;
}
.ats-document .ats-journal-article__header h1 {
  margin: 24px 0 20px;
  max-width: 20ch;
  font: 600 var(--ats-type-page-title)/1.1 var(--sans);
  text-wrap: balance;
}
.ats-document .ats-journal-article__subtitle {
  margin: 0 0 20px;
  font: 400 var(--ats-type-lead)/1.45 var(--sans);
}
.ats-document .ats-journal-article__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  color: var(--muted);
  font: 400 .875rem/1.5 var(--sans);
}
.ats-document .ats-journal-article__role { margin: 0 0 16px; font: 500 1rem/1.5 var(--sans); }
.ats-document .ats-journal-article__source { margin-top: 32px; }
.ats-document .ats-journal-article__image {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 48px;
}
.ats-document .ats-journal-article__content {
  max-width: 72ch;
  font: 400 var(--ats-type-body)/1.7 var(--sans);
}
.ats-document .ats-journal-article__content :is(h1,h2,h3,h4,h5,h6) {
  color: var(--ink);
  font-family: var(--sans);
  font-weight: 600;
  line-height: 1.2;
  margin: 1.75em 0 .65em;
}
.ats-document .ats-journal-article__content h1 { font-size: var(--ats-type-page-title); }
.ats-document .ats-journal-article__content h2 { font-size: var(--ats-type-section-title); }
.ats-document .ats-journal-article__content h3 { font-size: var(--ats-type-card-title); }
.ats-document .ats-journal-article__content p { margin: 0 0 1.25em; }
.ats-document .ats-journal-article__content a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.ats-document .ats-journal-article__content :is(ul,ol) { margin: 0 0 1.5em; padding-left: 1.5em; }
.ats-document .ats-journal-article__content li + li { margin-top: .5em; }
.ats-document .ats-journal-article__content blockquote { margin: 32px 0; border-left: 3px solid var(--blue); padding-left: 24px; }
.ats-document .ats-journal-article__content :is(img,video) { max-width: 100%; height: auto; }
.ats-document .ats-journal-article__content :is(iframe,table) { max-width: 100%; }
.ats-document .ats-journal-article__content pre { max-width: 100%; overflow-x: auto; }
.ats-document .ats-journal-article__content figure { max-width: 100%; margin: 32px 0; }
.ats-document .ats-journal-article__content figcaption { color: var(--muted); font-size: .875rem; line-height: 1.5; margin-top: 12px; }
.ats-document .ats-journal-article__pages { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px; }
.ats-document .ats-journal-article__footer { margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--rule); }
@media (max-width: 900px) {
  .ats-document .ats-journal-filters { gap: 4px 20px; margin-bottom: 24px; }
  .ats-document .ats-journal-article { padding: 36px 24px 60px; }
  .ats-document .ats-journal-article__header { margin-bottom: 28px; }
  .ats-document .ats-journal-article__header h1 { margin-top: 16px; }
  .ats-document .ats-journal-article__image { margin-bottom: 32px; }
}