/* Olvasható tipó a cikkekhez */
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/* max szélesség */
main.container { max-width: 860px; }

/* Blog tartalom */
.post { color: #2e2e2e; }                 /* ne legyen kőfekete */
.post .meta { color: #7a7a7a; font-size:.95rem; margin-bottom:1rem; }
.post h1 { font-size: 2.2rem; line-height: 1.2; margin: 0 0 1rem; font-weight: 800; color:#111; }
.post h2 { font-size: 1.6rem; margin: 2rem 0 .75rem; font-weight: 700; color:#111; }
.post h3 { font-size: 1.25rem; margin: 1.5rem 0 .5rem; font-weight: 700; color:#111; }
.post p, .post li { line-height: 1.75; font-size: 1.05rem; }

/* képek-videók */
.post img, .post video, .post iframe { max-width: 100%; height: auto; display: block; margin: 1.25rem auto; border-radius: 12px; }

/* boxok */
.box { padding: 1rem 1.1rem; border-radius: 12px; border: 1px solid #eee; background: #fafafa; margin: 1.25rem 0; }
.box-info    { background: #eef6ff; border-color: #d6e9ff; }
.box-success { background: #ecfdf3; border-color: #d1fadf; }
.box-warn    { background: #fff8e1; border-color: #ffecb5; }
.box-danger  { background: #fef2f2; border-color: #fecaca; }

/* táblázat/kód/idézet */
.post table { width:100%; border-collapse: collapse; margin: 1rem 0; font-size:.98rem; }
.post th, .post td { border: 1px solid #eee; padding: .6rem .7rem; }
.post thead th { background:#fafafa; }
.post blockquote { border-left:4px solid #eee; padding:.75rem 1rem; background:#fafafa; border-radius:8px; color:#444; }
.post pre { background:#0f172a; color:#e2e8f0; padding:1rem; border-radius:10px; overflow:auto; font-size:.95rem; }
.post code { background:#f5f5f5; padding:.1rem .35rem; border-radius:6px; }

/* kapcsolódó kártyák */
.related .card-title { font-size: 1rem; line-height:1.3; margin:0; }
.related .card img { border-bottom-left-radius:0; border-bottom-right-radius:0; }
.related .card-body { padding:.75rem .9rem; }

@media (max-width: 480px) {
  .post h1 { font-size: 1.8rem; }
  .post h2 { font-size: 1.35rem; }
}
body[data-page="blog"] .meta { color:#a0a8b3; }
body[data-page="blog"] p, body[data-page="blog"] li { color:#cfd5df; }
body[data-page="blog"] h1, h2, h3 { color:#fff; }

/* --- Blog oldal finomhangolás --- */
body.blog {
  /* sötét gradient háttér */
  background: linear-gradient(180deg, #141517 0%, #0d0e10 100%) fixed;
}

/* max olvasási szélesség */
body.blog .container,
body.blog .container-lg,
body.blog .container-xl,
body.blog .container-xxl {
  max-width: 1000px;
}

/* jobb oldali hasáb teljesen off, ha van */
body.blog aside,
body.blog .sidebar,
body.blog .col-xl-4:last-child,
body.blog .col-lg-4:last-child {
  display: none !important;
}

/* fő tartalom 100% szélesség */
body.blog .col-xl-8,
body.blog .col-lg-8,
body.blog .content,
body.blog .article-content {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

/* kényelmes törzsszöveg + címek Outfit-tel */
body.blog article,
body.blog .article-body { font-size: 1.0625rem; line-height: 1.75; }

body.blog h1, body.blog h2, body.blog h3, body.blog h4, body.blog h5, body.blog h6 {
  font-family: "Outfit","Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight: 700;
  letter-spacing: .01em;
}
html.blog, body.blog {
  background: linear-gradient(180deg, #141517 0%, #0d0e10 100%) fixed !important;
}
body.blog .bg-body,
body.blog .bg-white,
body.blog .bg-light,
body.blog .bg-body-secondary,
body.blog .bg-body-tertiary {
  background: transparent !important;
  background-color: transparent !important;
}