.editorial-wrap { max-width: 880px; min-height: calc(100svh - 134px); margin: 0 auto; padding: 72px 42px 100px; }
.editorial-heading { padding: 0 0 58px; border-bottom: 1px solid var(--line); }
.editorial-heading h1, .article-intro h1 { max-width: 760px; margin: 22px 0 18px; font-size: clamp(21px, 3vw, 30px); line-height: 1.35; letter-spacing: -.025em; text-transform: uppercase; }
.editorial-heading > p:last-child { max-width: 660px; margin: 0; color: var(--muted); }
.article-list { border-bottom: 1px solid var(--line); }
.article-card { padding: 30px 0 36px; border-bottom: 1px solid var(--line); }
.article-card:last-child { border-bottom: 0; }
.article-card-meta { display: flex; justify-content: space-between; gap: 20px; color: var(--muted); font-size: 11px; letter-spacing: .04em; }
.article-card h2 { margin: 18px 0 12px; font-size: 18px; line-height: 1.5; text-transform: uppercase; }
.article-card h2 a { display: inline; border-bottom: 1px solid transparent; }
.article-card h2 a:hover { color: #84dc8b; border-color: #84dc8b; }
.article-card h2 span { font-size: 14px; }
.article-card > p { max-width: 680px; margin: 0; color: var(--muted); }
.article-empty { padding: 40px 0 48px; border-bottom: 1px solid var(--line); }
.article-empty > span { color: #84dc8b; font-size: 11px; }
.article-empty p { max-width: 560px; color: var(--muted); }
.editorial-bottom { padding-top: 35px; }
.editorial-bottom a, .article-back, .article-end a { border-bottom: 1px solid var(--text); }
.editorial-bottom a:hover, .article-back:hover, .article-end a:hover { color: #84dc8b; border-color: #84dc8b; }
.article-page { padding-top: 42px; }
.article-back { display: inline-block; margin-bottom: 55px; }
.article-intro { padding-bottom: 42px; border-bottom: 1px solid var(--line); }
.article-intro h1 { margin-top: 20px; }
.article-summary { max-width: 700px; margin: 0 0 30px; color: var(--muted); }
.article-intro time { color: var(--muted); font-size: 11px; }
.article-body { max-width: 700px; padding: 38px 0 55px; overflow-wrap: anywhere; }
.article-body p { margin: 0 0 24px; }
.article-body h2, .article-body h3 { margin: 42px 0 18px; font-size: 16px; line-height: 1.5; text-transform: uppercase; }
.article-body h3 { font-size: 14px; }
.article-body ul { margin: 0 0 24px; padding-left: 22px; }
.article-body li { margin-bottom: 9px; }
.article-body a { color: #84dc8b; border-bottom: 1px solid #84dc8b; }
.article-body code { color: #84dc8b; font: inherit; }
.article-end { display: flex; justify-content: space-between; gap: 25px; padding-top: 28px; border-top: 1px solid var(--line); }
@media (max-width: 650px) {
  .editorial-wrap { min-height: calc(100svh - 180px); padding: 42px 20px 75px; }
  .editorial-heading { padding-bottom: 36px; }
  .editorial-heading h1, .article-intro h1 { font-size: 21px; }
  .article-card-meta { display: block; }
  .article-card-meta time { display: block; margin-top: 5px; }
  .article-card h2 { font-size: 16px; }
  .article-back { margin-bottom: 40px; }
  .article-end { flex-direction: column; }
}