/* Lumorra – blog / önismeret (styles.css tokenekre építve) */

.blog-wrap { max-width: 980px; margin: 0 auto; padding-block: clamp(2rem, 5vw, 3.5rem); }
.blog-head { text-align: center; max-width: 620px; margin: 0 auto 2.2rem; }
.blog-head h1 { color: var(--ink); }
.blog-head p { color: var(--ink-soft); font-size: 1.1rem; }

.blog-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.4rem; }
.post-card {
  display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line);
  border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow-soft);
  transition: transform .18s ease, box-shadow .18s ease; color: inherit;
}
.post-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); text-decoration: none; }
.post-cover { height: 120px; display: grid; place-items: center; font-size: 3rem; }
.post-body { padding: 1.1rem 1.2rem 1.3rem; display: flex; flex-direction: column; flex: 1 1 auto; }
.post-meta { display: flex; gap: .6rem; align-items: center; font-size: .78rem; color: var(--ink-soft); margin-bottom: .5rem; }
.post-cat { background: var(--brand-light); color: var(--brand-dark); font-weight: 700; padding: .12rem .55rem; border-radius: 999px; }
.post-card h2 { font-size: 1.12rem; color: var(--ink); margin: 0 0 .4rem; line-height: 1.25; }
.post-card p { font-size: .92rem; color: var(--ink-soft); margin: 0 0 .9rem; flex: 1 1 auto; }
.post-more { font-weight: 700; color: var(--brand-dark); font-size: .9rem; }

/* Cikkoldal */
.article-wrap { max-width: 720px; margin: 0 auto; padding-block: clamp(2rem, 5vw, 3.5rem); }
.article-back { display: inline-block; margin-bottom: 1.2rem; font-weight: 600; color: var(--brand-dark); }
.article-cat { display: inline-block; background: var(--brand-light); color: var(--brand-dark); font-weight: 700; font-size: .8rem; padding: .2rem .7rem; border-radius: 999px; }
.article-wrap h1 { color: var(--ink); margin: .7rem 0 .3rem; }
.article-meta { color: var(--ink-soft); font-size: .9rem; margin-bottom: 1.6rem; }
.article-body p { color: var(--ink-soft); font-size: 1.05rem; line-height: 1.75; margin-bottom: 1.1rem; }
.article-cta { background: var(--bg-soft); border: 1px solid var(--line); border-radius: var(--radius); padding: 1.4rem; text-align: center; margin-top: 2rem; }
.article-cta h3 { color: var(--ink); margin: 0 0 .5rem; }
.article-empty { text-align: center; padding: 2rem; color: var(--ink-soft); }