/* blog.css: small additions for /blog/ pages. Loads after /style.css; doesn't change existing pages. */
.brand a{color:inherit;text-decoration:none}
.crumbs{font-size:.85rem;color:#b8c4d2;margin:.8em 0 0}
.crumbs a{color:#dfe6ee}
.post-meta{font-size:.85rem;color:#b8c4d2;margin:.4em 0 0}
.page-hero h1{font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.15}
.prose{font-size:1.05rem}
.prose p,.prose li{max-width:68ch}
.gaw{background:#fff;border:1px solid #ebe7dc;border-left:4px solid var(--gold);border-radius:6px;padding:12px 16px;font-size:.9rem;color:var(--muted)}
.takeaways{background:#fff;border:1px solid #ebe7dc;border-radius:10px;padding:16px 20px;margin:1.4em 0}
.takeaways h2{margin-top:0;font-size:1.2rem}
.prose table{border-collapse:collapse;width:100%;margin:1em 0;font-size:.95rem;background:#fff}
.prose th,.prose td{border:1px solid #ebe7dc;padding:8px 10px;text-align:left;vertical-align:top}
.prose th{background:#f4f1e8;color:var(--navy)}
.table-scroll{overflow-x:auto}
.example{background:#f4f1e8;border-radius:8px;padding:12px 16px;margin:1em 0}
.cta{background:var(--navy);color:#fff;border-radius:12px;padding:22px;margin:2em 0}
.cta h2{color:#fff;margin-top:0;font-size:1.3rem}
.cta p{color:#dfe6ee}
.cta .btn{width:auto;text-decoration:none;margin-top:.4em}
.sources{font-size:.92rem}
.sources li{word-break:break-word}
.related{list-style:none;padding:0;display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:640px){.related{grid-template-columns:1fr 1fr}}
.related li{background:#fff;border:1px solid #ebe7dc;border-radius:10px;padding:14px 16px}
.related a{font-weight:700;text-decoration:none}
.related p{margin:.3em 0 0;color:var(--muted);font-size:.92rem}
.faq-q{font-weight:700;color:var(--navy);margin:1.2em 0 .2em}