/* HOCL.com blog styles. Extends /assets-v2/hocl-v2.css + hocl-pages-v2.css (uses their CSS variables). No external fonts. */
.blog-crumb{font-size:.88rem;color:var(--muted);margin:0 0 .5rem}.blog-crumb a{color:var(--muted)}
.blog-main{padding:40px 0 72px}
.blog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin:0;padding:0;list-style:none}
.blog-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;display:flex;flex-direction:column}
.blog-card h2{font-size:1.2rem;line-height:1.3;margin:0 0 .6rem}.blog-card h2 a{color:var(--ink);text-decoration:none}.blog-card h2 a:hover{color:var(--blue)}
.blog-card p{color:var(--muted);margin:0 0 1rem;font-size:.95rem}.blog-card .read-more{margin-top:auto;font-weight:600}
.blog-meta{color:var(--muted);font-size:.9rem;margin:0 0 1.5rem}
.post{max-width:740px;margin:0 auto}
.post .summary{font-size:1.12rem;color:var(--muted);margin:0 0 1.5rem}
.post h2{font-size:1.45rem;line-height:1.3;margin:2.2rem 0 .7rem}.post h3{font-size:1.15rem;margin:1.8rem 0 .5rem}
.post li{margin:.35rem 0}.post em{color:var(--muted)}
.post .safety{background:var(--blue-l);border:1px solid var(--line);border-radius:var(--r);padding:18px 22px;margin:2rem 0}
.post .safety h2{font-size:1.05rem;margin:0 0 .5rem}.post .safety ul{margin:0;padding-inline-start:1.1rem}
.post .pub{border-top:1px solid var(--line);margin-top:2.5rem;padding-top:1rem;font-size:.9rem;color:var(--muted)}
.blog-note{font-size:.85rem;color:var(--muted)}
.draft-banner{background:#B42318;color:#fff;font-weight:700;text-align:center;padding:10px 16px;font-size:.9rem;letter-spacing:.02em}
.draft-missing{background:#FEF3F2;border:1px dashed #B42318;color:#7A271A;border-radius:10px;padding:10px 14px;font-size:.88rem;margin:0 0 1.2rem}
@media (max-width:640px){.blog-main{padding:24px 0 48px}.post h2{font-size:1.25rem}}