/* Blog guide collections follow customer priority, independently of article dates. */
.blog-hub .page-hero { padding:76px 0 38px; }
.blog-hub h1 { max-width:23ch; }
.guide-heading { margin-bottom:22px; }
.guide-heading h2 { font-size:1.4rem; margin-bottom:10px; }
.guide-heading p { color:var(--grey-green); }
.guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.guide-card { display:flex; flex-direction:column; padding:27px; border:1px solid var(--line-strong); border-radius:14px; background:var(--panel); }
.guide-card:first-child { background:linear-gradient(135deg,rgba(18,60,42,.65),var(--panel)); border-color:rgba(49,242,139,.35); }
.guide-card h3 { font-size:1.2rem; line-height:1.4; margin-bottom:12px; }
.guide-card p { color:var(--grey-green); margin-bottom:24px; line-height:1.6; }
.guide-card a:hover { color:var(--aurora); }
.guide-card a:focus-visible { outline:2px solid var(--aurora); outline-offset:5px; border-radius:2px; }
.guide-links { display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:auto; font-size:.9rem; }
.guide-links a:first-child { color:var(--aurora); font-weight:600; }
.guide-links a:last-child { color:var(--grey-green); text-decoration:underline; text-underline-offset:4px; }
.blog-hub .post-list { padding-top:42px; }
.latest-heading { font-size:1.4rem; margin-bottom:6px; }
@media(max-width:640px) { .guide-grid { grid-template-columns:1fr; } .guide-card { padding:23px; } .blog-hub .page-hero { padding:52px 0 30px; } }