/* ── Public blog (2026-06-26) ── */
.blog-listing .blog-title,.blog-post .bp-title{font-family:'Karla',sans-serif;color:var(--bs-dark,#414042);}
.blog-listing .blog-title{font-size:2.2rem;margin-bottom:28px;}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;}
.blog-card{display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 2px 10px rgba(0,0,0,.05);transition:transform .15s,box-shadow .15s;}
.blog-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,.09);}
.blog-card-img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block;background-color:var(--light-bg,#efe3dd);}
.blog-card-body{padding:16px 18px;display:flex;flex-direction:column;gap:8px;}
.blog-card-title{font-family:'Karla',sans-serif;font-size:1.15rem;margin:0;color:var(--bs-dark,#414042);}
.blog-card-excerpt{font-size:.92rem;color:#666;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.blog-card-date{font-size:.78rem;color:#999;}
.blog-empty{font-size:1rem;color:#777;}
/* post page */
.blog-post .bp-title{font-size:2.4rem;margin:0 0 6px;max-width:760px;}
.blog-post .bp-date{color:#999;font-size:.9rem;margin-bottom:22px;}
.blog-post .bp-hero{width:100%;max-width:900px;border-radius:16px;margin-bottom:28px;}
.blog-post .bp-body{max-width:720px;font-size:1.06rem;line-height:1.8;color:#333;}
.blog-post .bp-body h2{font-family:'Karla',sans-serif;font-size:1.6rem;margin:1.6em 0 .5em;}
.blog-post .bp-body h3{font-family:'Karla',sans-serif;font-size:1.3rem;margin:1.4em 0 .5em;}
.blog-post .bp-body img{max-width:100%;border-radius:10px;margin:1em 0;}
.blog-post .bp-body blockquote{border-left:3px solid var(--alert,#FBB517);margin:1.2em 0;padding:.4em 1.2em;color:#555;}
.blog-post .bp-body a{color:var(--alert-dark,#F2AA2A);}
.blog-post .bp-body .ql-align-center{text-align:center;}
.blog-post .bp-body .ql-align-right{text-align:right;}
.blog-post .bp-more{margin-top:48px;}
.blog-post .bp-more h2{font-family:'Karla',sans-serif;font-size:1.4rem;margin-bottom:18px;}