.article-showcase {
  width: calc(100% - clamp(10px, 2.2vw, 32px) * 2);
  max-width: 1600px;
  margin: 48px auto 24px;
  scroll-margin-top: 180px;
}
.article-preview { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; color: #697683; font-size: 13px; }
.article-preview > span { font-weight: 600; }
.article-preview nav { display: flex; gap: 6px; padding: 4px; background: #f0f3f6; border-radius: 14px; }
.article-preview a { display: flex; align-items: center; justify-content: center; min-height: 40px; padding: 8px 16px; border-radius: 10px; font-weight: 600; }
.article-preview a:hover { background: #e2e8ee; }
.article-preview a[aria-current] { color: #fff; background: #1f2936; }

.about-article {
  border-radius: 36px;
  padding: clamp(32px, 4vw, 64px) clamp(28px, 5vw, 80px);
  background: #eff3f7;
  color: #455361;
  font-size: 17px;
  line-height: 1.75;
  overflow-wrap: break-word;
}
.about-article h2 { margin: 0 0 24px; color: #1f2936; font-size: clamp(30px, 2.8vw, 44px); font-weight: 700; line-height: 1.2; letter-spacing: -.02em; }
.about-article h3 { margin: 0 0 12px; color: #1f2936; font-size: 19px; line-height: 1.4; font-weight: 700; }
.about-article p { margin: 0; text-wrap: pretty; }
.about-article strong { color: #293746; font-weight: 600; }
.about-lead { color: #2f3d4b; font-size: 20px; line-height: 1.65; }
.about-reading-column { width: 100%; }
.about-classic .about-heading { margin-bottom: 24px; }
.about-classic h2 { text-align: center; }
.about-classic .about-lead { font-size: inherit; line-height: inherit; }
.about-prose p + p { margin-top: 18px; }
.about-article .about-conclusion { margin-top: 28px; padding-top: 24px; border-top: 1px solid #d9e1e8; color: #1f2936; }

/* A single article panel with semantic sections, without another grid of cards. */
.about-sections { background: #fff; border: 1px solid #dfe6ed; padding-block: 40px; }
.about-sections .about-heading { display: grid; grid-template-columns: minmax(0, .65fr) minmax(0, 1.35fr); align-items: start; gap: 48px; margin-bottom: 28px; }
.about-sections h2 { margin: 0; }
.about-sections h2 span { display: block; }
.about-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 48px; }
.about-section { min-width: 0; border-top: 1px solid #dfe6ed; padding-top: 22px; }
.about-sections p { font-size: 16px; line-height: 1.7; }
.about-sections .about-lead { font-size: 18px; line-height: 1.65; }
.about-process { margin-top: 28px; padding-top: 22px; border-top: 1px solid #dfe6ed; }
.about-sections .about-conclusion { margin-top: 24px; padding: 22px 26px; border: 0; border-radius: 18px; background: #eff3f7; }

@media (max-width: 1100px) {
  .about-grid { gap: 28px 32px; }
  .about-sections .about-heading { display: block; }
  .about-sections h2 { margin-bottom: 20px; }
  .about-article { padding: 36px; font-size: 16px; }
  .about-lead, .about-sections .about-lead { font-size: 18px; }
  .about-article h3 { font-size: 18px; }
}
@media (max-width: 760px) {
  .article-showcase { margin-top: 32px; scroll-margin-top: 120px; }
  .article-preview { display: block; font-size: 12px; }
  .article-preview > span { display: block; margin: 0 4px 8px; }
  .article-preview nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }
  .article-preview a { padding-inline: 8px; min-height: 44px; }
  .about-article { padding: 28px 24px; border-radius: 26px; font-size: 16px; line-height: 1.7; }
  .about-article h2 { margin-bottom: 20px; font-size: 29px; line-height: 1.22; }
  .about-lead, .about-sections .about-lead { font-size: 17px; line-height: 1.65; }
  .about-prose p + p { margin-top: 18px; }
  .about-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .about-sections .about-heading { margin-bottom: 26px; }
  .about-process { margin-top: 24px; }
  .about-sections .about-conclusion { padding: 20px; }
}
@media (max-width: 360px) {
  .about-article { padding-inline: 20px; }
  .about-article h2 { font-size: 27px; }
  .about-sections .about-conclusion { padding-inline: 16px; }
}