.article-page .article-kicker { margin: 0 0 24px; color: #1758f5; font-size: 14px; font-weight: 500; letter-spacing: .04em; text-transform: uppercase; }
.article-page .article-meta { margin-top: 28px; color: #86868b; font-size: 14px; }
.article-page .work-layout { margin-top: 34px; }
.article-page .work-chapter h3 { margin: 34px 0 14px; font-size: 24px; font-weight: 500; line-height: 1.25; letter-spacing: -.035em; }
.article-page .work-chapter ul { margin: 24px 0 30px; padding: 0; list-style: none; border-top: 1px solid #dedee2; }
.article-page .work-chapter li { position: relative; padding: 18px 0 18px 28px; border-bottom: 1px solid #dedee2; color: #424248; font-size: 18px; line-height: 1.55; }
.article-page .work-chapter li::before { content: ""; position: absolute; top: 29px; left: 3px; width: 7px; height: 7px; border-radius: 50%; background: #1758f5; }
.article-page .article-definition { margin: 36px 0; padding: 28px 30px; background: #f5f5f7; border-radius: 6px; }
.article-page .article-definition p { margin: 0; color: #1d1d1f; font-size: 22px; line-height: 1.5; letter-spacing: -.025em; }
.article-page .article-formula { margin: 34px 0; padding: 26px 30px; border: 1px solid #d7d7dc; border-radius: 6px; }
.article-page .article-formula strong { display: block; margin-bottom: 10px; color: #1758f5; font-size: 25px; font-weight: 500; letter-spacing: -.03em; }
.article-page .article-formula p { margin: 0; color: #5f5f66; font-size: 16px; line-height: 1.55; }
.articles-index { background: #fff; }
.articles-index .articles-hero { width: min(1120px, calc(100% - 80px)); margin: 112px auto 76px; }
.articles-index .articles-hero p { margin: 0 0 24px; color: #1758f5; font-size: 14px; font-weight: 500; letter-spacing: .04em; text-transform: uppercase; }
.articles-index .articles-hero h1 { max-width: 980px; margin: 0; font-size: clamp(52px, 6.2vw, 92px); font-weight: 500; line-height: .98; letter-spacing: -.06em; text-wrap: balance; }
.articles-index .articles-hero > div { max-width: 700px; margin-top: 34px; color: #6e6e73; font-size: 21px; line-height: 1.55; }
.articles-index .articles-list { width: min(1120px, calc(100% - 80px)); margin: 0 auto 112px; border-top: 1px solid #d2d2d7; }
.articles-index .articles-list > a { display: grid; grid-template-columns: 70px minmax(0, 1fr) 180px 32px; gap: 24px; align-items: start; padding: 34px 0; border-bottom: 1px solid #d2d2d7; }
.articles-index .articles-list span { padding-top: 5px; color: #86868b; font-size: 13px; }
.articles-index .articles-list h2 { margin: 0; font-size: clamp(25px, 2.3vw, 34px); font-weight: 500; line-height: 1.15; letter-spacing: -.04em; }
.articles-index .articles-list p { margin: 0; color: #6e6e73; font-size: 15px; line-height: 1.5; }
.articles-index .articles-list b { color: #1758f5; font-size: 22px; font-weight: 400; }
.articles-index .articles-list a:hover h2 { color: #1758f5; }
@media (max-width: 800px) { .articles-index .articles-list > a { grid-template-columns: 42px minmax(0, 1fr) 24px; } .articles-index .articles-list p { grid-column: 2; } }
@media (max-width: 540px) {
  .article-page .article-definition, .article-page .article-formula { padding: 22px 20px; }
  .article-page .article-definition p { font-size: 20px; }
  .article-page .work-chapter li { font-size: 17px; }
  .articles-index .articles-hero, .articles-index .articles-list { width: calc(100% - 40px); }
  .articles-index .articles-hero { margin-top: 62px; margin-bottom: 52px; }
  .articles-index .articles-hero h1 { font-size: 44px; }
  .articles-index .articles-hero > div { font-size: 18px; }
  .articles-index .articles-list { margin-bottom: 64px; }
  .articles-index .articles-list > a { grid-template-columns: 30px minmax(0, 1fr) 18px; gap: 12px; padding: 26px 0; }
  .articles-index .articles-list h2 { font-size: 23px; }
}