/* kaSi Kimchi – blog (a kasi.css színváltozóit használja) */
/* Kártyák (blog főoldal, cikk alja, kezdőlapi ajánló) */
.b-list,.doc .b-list{list-style:none;margin:var(--s3) 0 0;padding:0;display:grid;gap:var(--s2)}
.b-card{display:flex}
.b-card a{flex:1;display:flex;flex-direction:column;gap:.45rem;background:var(--leaf);border-radius:1rem;padding:1.2rem 1.35rem;text-decoration:none;color:var(--ink);border:1.5px solid transparent;transition:border-color .2s,transform .2s}
.b-card a:hover{border-color:var(--chili);transform:translateY(-2px)}
.b-card h2,.b-card h3{font-family:var(--display);font-weight:800;font-size:1.35rem;line-height:1.15;letter-spacing:-.02em;margin:0}
.b-card h3{font-size:1.15rem}
.b-card p{margin:0;color:var(--muted)}
.b-meta{font-family:var(--display);font-weight:600;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.b-more{margin-top:auto;padding-top:.2rem;font-family:var(--display);font-weight:600;font-size:.92rem;color:var(--chili)}
.b-list-sm{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}
.b-list-sm .b-card a{padding:1rem 1.15rem}
.b-all{margin:var(--s2) 0 0;font-family:var(--display);font-weight:600}
.b-all a{color:var(--chili)}
.reads .content{max-width:none}
.b-intro{font-size:1.15rem;color:var(--muted);max-width:36rem}

/* Cikk */
.post article{max-width:40rem}
.b-back{margin:0 0 var(--s3);font-family:var(--display);font-weight:600;font-size:.92rem}
.b-back a{color:var(--muted);text-decoration:none}
.b-back a:hover{color:var(--chili)}
.post h1{margin-bottom:var(--s1)}
.b-sub{font-family:var(--display);font-weight:600;font-size:1.2rem;color:var(--muted);margin:0 0 var(--s3)}
.b-lead{font-size:1.2rem;line-height:1.55;margin:0 0 var(--s3)}
@media (min-width:40rem){.post article>p:not(.b-lead):not(.b-sub):not(.eyebrow):not(.meta),.post article>ul li{text-align:justify;hyphens:auto;-webkit-hyphens:auto}}
.post article ul{padding-left:1.2rem}
.post article li{margin-bottom:.35rem}
.post .meta{margin-top:var(--s4)}
.b-src{margin-top:var(--s2);padding-top:var(--s2);border-top:1px solid var(--rule)}
.b-src h2{font-size:1rem;margin:0 0 var(--s1)}
.b-src ol{margin:0;padding-left:1.2rem;font-size:.9rem;color:var(--muted)}
.b-src li{text-align:left;margin-bottom:.3rem;overflow-wrap:anywhere}
.b-src a{color:var(--muted)}
.b-cta{margin:var(--s5) 0 var(--s4);background:var(--leaf);border-radius:1.25rem;padding:clamp(1.2rem,1rem + 2vw,2.2rem);max-width:40rem}
.b-cta h2{margin:0 0 var(--s1);font-size:1.5rem}
.b-cta p{margin:0 0 var(--s2);color:var(--muted)}
.b-next{max-width:40rem}

@media (prefers-reduced-motion:reduce){.b-card a{transition:none}.b-card a:hover{transform:none}}