.blog-hero{background:linear-gradient(160deg,var(--navy) 0,var(--navy2) 100%);color:#fff;padding:30px 0 34px}.blog-hero a{color:#cbd5e1}.blog-hero .meta{color:#cbd5e1;font-size:.9rem}
.nav{display:flex;gap:16px;flex-wrap:wrap;align-items:center;font-size:.95rem;margin-bottom:18px}.nav .logo{margin-right:auto}.nav .logo img{height:36px;width:auto}.nav a{color:#fff;font-weight:600;text-decoration:none}
.post{max-width:760px;margin:0 auto;padding:32px 18px}.post h2{margin-top:1.6em}.post a{color:var(--teal);font-weight:600}
.post table{width:100%;border-collapse:collapse;margin:1em 0;font-size:.95rem;display:block;overflow-x:auto}.post th,.post td{border:1px solid var(--line);padding:8px 10px;text-align:left}.post th{background:#eef4f6}
.post blockquote{margin:1em 0;padding:12px 16px;background:#fffbeb;border-left:4px solid #f59e0b;border-radius:8px}
.cta-box{background:var(--card);border:2px solid var(--green);border-radius:var(--r);padding:22px;margin:30px 0;text-align:center}.cta-box h3{margin-top:0}.cta-box .btn{margin:6px}
.post-list{list-style:none;padding:0;max-width:760px;margin:0 auto}.post-list li{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;margin:14px 0}.post-list h2{font-size:1.25rem}.post-list a{color:var(--ink);text-decoration:none}
.related{border-top:1px solid var(--line);margin-top:30px;padding-top:16px}