.about-article-card {
  margin: 0 0 48px;
  padding: 33px 40px 45px;
  border: 1px solid var(--line);
  background: #fff;
}
.about-article-header {
  padding-bottom: 26px;
  border-bottom: 1px solid var(--line);
}
.about-article-header h1 {
  margin: 0 0 8px;
  color: var(--blue);
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -.8px;
}
.about-article-header .info-lead {
  max-width: 100%;
}
.about-article-body {
  padding-top: 24px;
}
.about-article-body > .row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 40px;
  align-items: start;
  margin: 0 0 35px;
}
.about-article-body > .row::before,
.about-article-body > .row::after { display: none; }
.about-article-body .col-lg-6,
.about-article-body .col-md-6,
.about-article-body .col-md-12 { min-width: 0; width: auto; }
.about-article-body .content-about h3 {
  margin: 0 0 13px;
  color: var(--ink);
  font-size: 1.18rem;
  font-weight: 500;
}
.about-article-body img {
  width: 100%;
  height: auto;
  max-height: 330px;
  object-fit: cover;
}
.about-article-body h2 {
  margin: 20px 0 5px;
  color: var(--blue);
  font-size: 1.18rem;
  font-weight: 500;
  letter-spacing: -.2px;
}
.about-article-body h2:first-child { margin-top: 0; }
.about-article-body p,
.about-article-list li {
  margin: 0 0 11px;
  color: var(--muted);
  font-size: .96rem;
  line-height: 1.85;
}
.about-article-list {
  margin: 6px 0 19px;
  padding-left: 23px;
}
.about-article-list li { padding-left: 4px; margin-bottom: 4px; }
.about-article-note { margin-top: 21px; }

@media (max-width: 899px) {
  .about-article-card { padding-left: 28px; padding-right: 28px; }
}
@media (max-width: 599px) {
  .about-article-card { margin-bottom: 32px; padding: 23px 18px 28px; }
  .about-article-header { padding-bottom: 19px; }
  .about-article-header h1 { font-size: 1.7rem; }
  .about-article-body { padding-top: 20px; }
  .about-article-body > .row { display: block; margin-bottom: 25px; }
  .about-article-body .col-lg-6,
  .about-article-body .col-md-6,
  .about-article-body .col-md-12 { margin-bottom: 20px; }
  .about-article-body h2 { font-size: 1.06rem; margin-top: 19px; }
  .about-article-body p,
  .about-article-list li { font-size: .875rem; line-height: 1.78; }
  .about-article-note { font-size: .8125rem; }
}