/* Shared reading layout for the original blog articles. */
main .shell { width: min(780px, calc(100% - 40px)); }
main section { padding: 20px 0; border: 0; scroll-margin-top: 100px; }
main .hero { padding: 38px 0 24px; }
main .hero::before { display: none; }
main .hero-grid, main .section-head, main .article-grid { display: block; }
main h1 { font-size: 40px; line-height: 1.18; letter-spacing: 0; }
main h2 { font-size: 27px; line-height: 1.3; letter-spacing: 0; }
main h3 { font-size: 21px; line-height: 1.4; letter-spacing: 0; }
main .lead, main .muted, main .article-card p, main .article-card ul,
main .highlight p { font-size: 17px; line-height: 1.75; color: #c9cbd0; }
main .section-head { margin-bottom: 20px; }
main .section-head h2 { margin-bottom: 12px; }
main .article-card {
  display: block;
  min-height: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 0 0 24px;
  background: none;
  box-shadow: none;
}
main .article-card:last-child { margin-bottom: 0; }
main .article-card h3 { margin: 0 0 9px; }
main .article-card p { margin: 0 0 12px; }
main .article-card p + p { margin-top: 0; }
main .article-card ul { display: block; padding-left: 22px; margin: 10px 0 16px; }
main .article-card li { margin-bottom: 6px; }
main .hero-card, main .highlight, main .cta {
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
main .hero-card { margin-top: 24px; }
main .hero-card img { display: none; }
main .hero-card strong { font-size: 21px; line-height: 1.4; letter-spacing: 0; }
main .hero-card p { font-size: 17px; line-height: 1.75; }
main .cta { border-top: 1px solid var(--line); padding-top: 24px; display: block; }
main .cta .btn { margin-top: 18px; }
main .related { margin-top: 16px; }
@media (max-width: 620px) {
  main .hero { padding-top: 28px; }
  main h1 { font-size: 30px; }
  main h2 { font-size: 24px; }
  main h3 { font-size: 20px; }
  main .lead, main .muted, main .article-card p, main .article-card ul,
  main .highlight p, main .hero-card p { font-size: 16px; }
  main section { padding: 16px 0; }
}
