/* Közös stílusok a cikkoldalakhoz (/cikkek/...) */
.article { max-width: 720px; margin: 0 auto; }
.article-h1 { font-family: 'Fraunces', Georgia, serif; font-size: 44px; line-height: 52px; font-weight: 500; color: #4a3c34; margin: 0 0 32px; }
.article-h2 { font-family: 'Fraunces', Georgia, serif; font-size: 28px; line-height: 36px; font-weight: 500; color: #4a3c34; margin: 48px 0 16px; }
.article-text { font-family: 'Nunito Sans', sans-serif; font-size: 18px; line-height: 30px; color: #4a3c34; margin: 0 0 20px; }
.article-lead { font-size: 20px; line-height: 32px; }
.article-list { margin: 0 0 20px; padding-left: 28px; }
.article-list li { font-family: 'Nunito Sans', sans-serif; font-size: 18px; line-height: 30px; color: #4a3c34; margin: 0 0 14px; padding-left: 4px; }
.article-list li::marker { font-family: 'Fraunces', Georgia, serif; font-weight: 600; color: #b84a2e; }
.quote-line { font-family: 'Fraunces', Georgia, serif; font-size: 22px; line-height: 32px; font-style: italic; color: #8a5a12; margin: 0 0 20px; }
.cta-box { background: #fdebe3; border-radius: 28px; padding: 40px; margin: 56px 0 0; }
@media (max-width: 900px) {
  .container { padding: 0 20px; }
  .article-h1 { font-size: 34px; line-height: 42px; }
  .article-text, .article-list li { font-size: 17px; line-height: 28px; }
  .cta-box { padding: 28px 24px; }
}