/* Oldal: Blog. Dr. Badó Attila szülész-nőgyógyász.
   Az aloldal.css UTÁN töltődik, csak ezen az oldalon. Forrás: a jóváhagyott végleges oldal
   (design/mockup/valtozatok/), a közös drbado.css-ből és az oldal saját CSS-éből kiválogatva.
   Kézzel ne írd át: ha valami nem egyezik, a mérés (ellenorzes.py) mutatja meg, hol. */


/* ---- az oldal saját szabályai ---- */
div>footer.b6-foot{border-radius:34px; border-top:1px solid var(--outline)}
.bl-lhead .b1-chips{margin-top:20px}
.bl-lhead .chipx.on{background:var(--ink); color:#fff; box-shadow:none}
.bl4a{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:clamp(36px,4vw,56px)}
.bl-card{border-radius:30px; overflow:hidden; text-decoration:none; color:inherit; display:flex; flex-direction:column}
.bl-card .ph{position:relative; aspect-ratio:16/9}
.bl-card .in{padding:22px 26px 26px; display:flex; flex-direction:column; gap:10px; align-items:flex-start}
.bl-card .k{font-size:12.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--acc)}
.bl-card b{font-family:var(--display); font-weight:600; font-size:clamp(22px,2vw,27px); line-height:1.2}
.bl-card p{color:var(--mute); font-size:15.5px; line-height:1.55}
.bl-card .t{font-size:14px; font-weight:600; color:var(--mute)}
@media (max-width:900px){
  .bl4a{grid-template-columns:minmax(0,1fr)}
}
.bl-card .ph{position:relative; aspect-ratio:16/9; overflow:hidden}
.bl-card .ph img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}