.inline-link {
  color: var(--green-dark);
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.footer-nav {
  display: flex;
  gap: 18px;
  font-size: 12px;
  font-weight: 750;
}

.footer-nav a:hover {
  color: var(--green);
}

.footer-inner > p:first-of-type {
  margin-left: auto;
}

.inner-header {
  position: relative;
  background: var(--ink);
}

.article-page {
  background: #fff;
}

.article-hero {
  padding: 88px 0 82px;
  background: var(--ink);
  color: #fff;
}

.article-hero .section-kicker {
  color: var(--green);
}

.article-hero h1 {
  max-width: 820px;
  margin: 0;
  font-size: 58px;
  line-height: 1.02;
  letter-spacing: 0;
}

.article-hero p:not(.section-kicker) {
  max-width: 720px;
  margin: 24px 0 0;
  color: #c3cfcd;
  font-size: 20px;
}

.article-body {
  width: min(calc(100% - 48px), 840px);
  margin: 0 auto;
  padding: 76px 0 96px;
}

.article-section {
  margin: 0 0 54px;
  padding: 0 0 54px;
  border-bottom: 1px solid var(--line);
}

.article-section:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.article-section h2 {
  margin-bottom: 18px;
  font-size: 34px;
}

.article-section p,
.article-section li {
  color: var(--muted);
  font-size: 17px;
}

.article-section ul,
.article-section ol {
  padding-left: 22px;
}

.article-section li + li {
  margin-top: 12px;
}

.step-list {
  padding: 0 !important;
  list-style: none;
  counter-reset: step;
}

.step-list li {
  position: relative;
  min-height: 44px;
  padding: 0 0 28px 58px;
  counter-increment: step;
}

.step-list li::before {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--green-dark);
  font-size: 12px;
  font-weight: 850;
  content: counter(step, decimal-leading-zero);
}

.step-list strong {
  display: block;
  margin-bottom: 4px;
  color: var(--ink);
  font-size: 18px;
}

.fact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 42px;
  border-top: 1px solid var(--line);
}

.fact-grid > div {
  padding: 24px 0;
  border-bottom: 1px solid var(--line);
}

.fact-grid strong {
  display: block;
  margin-bottom: 7px;
  font-size: 18px;
}

.fact-grid p {
  margin: 0;
}

.notice-band {
  padding: 36px;
  background: #e9f7f1;
}

.notice-band h2 {
  font-size: 28px;
}

.article-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}

.source-list a {
  color: var(--green-dark);
  font-weight: 750;
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 800px) {
  .article-hero {
    padding: 62px 0;
  }

  .article-hero h1 {
    font-size: 42px;
  }

  .article-hero p:not(.section-kicker) {
    font-size: 18px;
  }

  .article-body {
    width: min(calc(100% - 32px), 840px);
    padding: 58px 0 76px;
  }

  .article-section h2 {
    font-size: 29px;
  }

  .fact-grid {
    grid-template-columns: 1fr;
  }

  .notice-band {
    padding: 26px;
  }

  .footer-nav {
    order: 3;
    width: 100%;
  }

  .footer-inner > p:first-of-type {
    width: 100%;
    margin-left: 0;
  }
}

@media (max-width: 370px) {
  .article-hero h1 {
    font-size: 36px;
  }
}