/* ========================================= */
/* BLOG CIKKEK (ALOLDALAK) STÍLUSAI          */
/* ========================================= */

.blog-article {
  max-width: 80rem;
  margin: 0 auto;
  background-color: var(--co-white);
  padding: 4.8rem;
  border-radius: var(--br-default);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.blog-header {
  text-align: center;
  margin-bottom: 4.8rem;
  border-bottom: 1px solid #eee;
  padding-bottom: 2.4rem;
}

.blog-meta {
  display: flex;
  justify-content: center;
  gap: 2.4rem;
  color: var(--co-gray-light);
  font-size: 1.4rem;
  margin-bottom: 2.4rem;
}

.blog-meta ion-icon {
  vertical-align: middle;
  margin-right: 0.4rem;
  color: var(--co-primary);
}

.blog-content p {
  font-size: 1.8rem;
  line-height: 1.7;
  margin-bottom: 2.4rem;
  color: var(--co-gray-default);
}

.blog-content h3 {
  color: var(--co-primary);
  font-size: 2.4rem;
  margin-top: 4.8rem;
  margin-bottom: 2.4rem;
}

.quote-box {
  background-color: var(--co-background);
  border-left: 4px solid var(--co-primary);
  padding: 2.4rem;
  margin: 3.2rem 0;
  font-style: italic;
  font-size: 1.8rem;
  color: var(--co-gray-medium);
}

.author-box {
  margin-top: 6rem;
  padding-top: 3.2rem;
  border-top: 1px solid #eee;
  display: flex;
  align-items: center;
  gap: 2.4rem;
}

/* Mobilos nézet finomhangolása */
@media only screen and (max-width: 768px) {
  .blog-article {
    padding: 2.4rem;
  }
}

/* ==========================================================================
   Korábban inline stílusként (2026-10-09)
   ========================================================================== */

a.text-link--back {
  display: inline-block;
  margin-bottom: 2.4rem;
  font-size: 1.6rem;
}

div.author-box--spaced {
  margin-top: 6.4rem;
}

div.quote-box--accent {
  margin-top: 4.8rem;
  border-left-color: var(--co-primary);
}

h1.article-title {
  font-size: 4rem;
  line-height: 1.2;
  margin-bottom: 2.4rem;
}

h3.article-subheading {
  margin-top: 4.8rem;
  color: var(--co-primary);
  font-size: 2.4rem;
}

p.quote-text {
  margin-bottom: 0;
  font-size: 2rem;
  font-style: italic;
  font-weight: 600;
  color: var(--co-gray-dark);
}

p.author-role {
  margin: 0.4rem 0 0 0;
  font-size: 1.4rem;
  color: var(--co-gray-medium);
}

p.author-name {
  margin: 0;
  font-weight: var(--fw-bold);
  font-size: 1.8rem;
  color: var(--co-gray-dark);
}

section.section--pt-6 {
  padding-top: 6rem;
}

div.quote-box--mb {
  margin-bottom: 3.2rem;
}

p.no-bottom-margin {
  margin-bottom: 0;
}

p.quote-text-lg {
  margin-bottom: 0;
  font-size: 2.2rem;
  font-style: italic;
  font-weight: 600;
  color: var(--co-gray-dark);
}

p.closing-line {
  text-align: center;
  font-weight: var(--fw-bold);
  font-size: 2rem;
  color: var(--co-primary);
  margin-top: 4.8rem;
}

div.quote-box--top {
  margin-top: 4.8rem;
}

h3.article-subheading-first {
  margin-top: 0;
  color: var(--co-primary);
  font-size: 2.4rem;
}

img.avatar-80 {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
}

p.closing-line-lg {
  text-align: center;
  margin-top: 4.8rem;
  font-weight: var(--fw-bold);
  font-size: 2.2rem;
  color: var(--co-primary);
}

div.top-margin-24 {
  margin-top: 2.4rem;
}

p.closing-line-plain {
  text-align: center;
  margin-top: 4.8rem;
  font-weight: var(--fw-semibold);
}