/* Blog styling — based on design.html (navy / blue theme).
   Everything is scoped under .gmb so the rest of the site is untouched. */
.gmb{
  --b-navy:#0A2540; --b-navy-light:#1A3A5C; --b-blue:#0066CC; --b-blue-bright:#4DA3FF;
  --b-green:#0A6B2D; --b-red:#D93025; --b-amber:#FF9900;
  --b-bg:#F8FAFC; --b-surface:#FFFFFF; --b-border:#D0D7DE; --b-text:#1A1A1A; --b-muted:#666666;
  background:var(--b-bg); color:var(--b-text); line-height:1.75;
  font-family:'Segoe UI',Arial,sans-serif; padding-bottom:50px;
}
.gmb *{box-sizing:border-box}
.gmb .gmb-wrap{max-width:900px;margin:0 auto;padding:0 20px}
.gmb a{color:var(--b-blue)}

/* breadcrumb */
.gmb .breadcrumb{font-size:12px;color:var(--b-muted);padding:14px 0 0;border:0}
.gmb .breadcrumb a{color:var(--b-blue);text-decoration:none}

/* hero */
.gmb .gmb-hero{background:var(--b-surface);border:1px solid var(--b-border);border-radius:8px;padding:26px 30px;margin:16px 0 20px}
.gmb .badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:4px 12px;border-radius:12px;margin:0 6px 12px 0;background:#E0EDFB;color:var(--b-blue)}
.gmb .badge.amber{background:#FFF3CD;color:#8A6100}
.gmb .badge.green{background:#D4F5DD;color:var(--b-green)}
.gmb .gmb-hero h1{font-size:30px;color:var(--b-navy);margin:0 0 6px;line-height:1.25;font-weight:800}
.gmb .gmb-hero .sub{font-size:14px;color:var(--b-muted);margin:0}
.gmb .gmb-hero .sub strong{color:var(--b-navy)}
.gmb .gmb-hero .updated{font-size:12px;color:var(--b-muted);margin-top:8px}

/* featured navy card (same look as the GMP card) */
.gmb .feature-card{text-align:left;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:var(--b-navy);color:#fff;border-radius:8px;padding:22px 26px;margin:20px 0;text-decoration:none}
.gmb .feature-card:hover{background:var(--b-navy-light)}
.gmb .feature-card .label{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#B8C7D9;font-weight:600}
.gmb .feature-card .value{font-size:24px;font-weight:800;line-height:1.3;margin:6px 0;color:#fff}
.gmb .feature-card .sub{font-size:13px;color:#D6E4F0}
.gmb .feature-card .pill{font-size:14px;font-weight:700;padding:7px 16px;border-radius:20px;background:rgba(110,231,160,.15);color:#6EE7A0;white-space:nowrap}

/* data grid */
.gmb .data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--b-border);border:1px solid var(--b-border);border-radius:8px;overflow:hidden;margin:20px 0}
.gmb .data-cell{background:var(--b-surface);padding:14px 18px}
.gmb .data-cell .label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--b-muted);font-weight:600}
.gmb .data-cell .value{font-size:18px;font-weight:700;color:var(--b-navy);margin-top:3px}
.gmb .data-cell .value.green{color:var(--b-green)}

/* sections */
.gmb .section{background:var(--b-surface);border:1px solid var(--b-border);border-radius:8px;padding:26px 30px;margin-bottom:18px}
.gmb .section h2{font-size:21px;color:var(--b-navy);margin:0 0 14px;padding-left:12px;border-left:4px solid var(--b-blue);line-height:1.35;font-weight:700}
.gmb .section h3{font-size:16px;color:var(--b-navy-light);margin:20px 0 8px}
.gmb p{margin:10px 0}
.gmb ul,.gmb ol{padding-left:24px;margin:10px 0}
.gmb li{margin-bottom:6px}
.gmb strong{color:var(--b-navy)}

/* category filter */
.gmb .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 4px}
.gmb .chip{font-size:13px;font-weight:600;padding:6px 14px;border-radius:20px;border:1px solid var(--b-border);background:#fff;color:var(--b-navy-light);text-decoration:none}
.gmb .chip:hover{border-color:var(--b-blue);color:var(--b-blue)}
.gmb .chip.active{background:var(--b-navy);border-color:var(--b-navy);color:#fff}
.gmb .chip small{opacity:.7;font-weight:500;margin-left:4px}

/* post list (timeline-like rows) */
.gmb .post-row{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid var(--b-border);text-decoration:none;color:inherit}
.gmb .post-row:last-child{border-bottom:0;padding-bottom:0}
.gmb .post-row:first-child{padding-top:4px}
.gmb .post-date{flex-shrink:0;width:92px;font-size:12px;font-weight:700;color:var(--b-blue);line-height:1.4;padding-top:3px}
.gmb .post-date span{display:block;font-weight:500;color:var(--b-muted);font-size:11px}
.gmb .post-body{flex:1;min-width:0}
.gmb .post-body h3{margin:0 0 6px;font-size:17.5px;color:var(--b-navy);line-height:1.4}
.gmb .post-row:hover h3{color:var(--b-blue)}
.gmb .post-body p{margin:0 0 8px;font-size:14px;color:#444;line-height:1.65}
.gmb .post-meta{font-size:12px;color:var(--b-muted)}
.gmb .post-meta .badge{margin:0 8px 0 0;font-size:10px;padding:2px 9px}
.gmb .post-thumb{flex-shrink:0;width:128px;height:84px;border-radius:6px;object-fit:cover;border:1px solid var(--b-border);background:#E8F1FA;display:flex;align-items:center;justify-content:center;font-size:28px}

/* pagination */
.gmb .pager{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:22px}
.gmb .pager a,.gmb .pager span{min-width:36px;text-align:center;padding:7px 12px;border:1px solid var(--b-border);border-radius:6px;font-size:13px;font-weight:600;background:#fff;color:var(--b-navy);text-decoration:none}
.gmb .pager .cur{background:var(--b-navy);border-color:var(--b-navy);color:#fff}
.gmb .pager .dis{opacity:.4}

/* callouts / disclaimer */
.gmb .callout{background:#FFFBE6;border-left:4px solid var(--b-amber);padding:14px 18px;border-radius:4px;font-size:14px;margin:16px 0}
.gmb .callout.info{background:#E8F1FA;border-left-color:var(--b-blue)}
.gmb .disclaimer{background:#F5F5F5;border-top:2px solid #999;padding:18px 22px;font-size:12px;color:#555;line-height:1.6;border-radius:0 0 8px 8px;margin-top:24px}
.gmb .disclaimer strong{color:#333}

/* single article */
.gmb .article-lead{font-size:16px;color:#333;border-left:4px solid var(--b-blue);padding-left:16px;margin:0 0 20px}
.gmb .article-img{width:100%;border-radius:8px;margin:0 0 20px;border:1px solid var(--b-border)}
.gmb .toc{background:#E8F1FA;border-left:4px solid var(--b-blue);border-radius:4px;padding:14px 20px;margin:0 0 22px;font-size:14px}
.gmb .toc strong{display:block;margin-bottom:6px}
.gmb .toc ol{margin:0;padding-left:20px}
.gmb .toc li{margin-bottom:3px}
.gmb .toc a{text-decoration:none}
.gmb .toc a:hover{text-decoration:underline}
.gmb .blog-content{font-size:15.5px}
.gmb .blog-content h2{font-size:21px;color:var(--b-navy);margin:30px 0 14px;padding-left:12px;border-left:4px solid var(--b-blue);line-height:1.35;scroll-margin-top:90px}
.gmb .blog-content h3{font-size:16.5px;color:var(--b-navy-light);margin:22px 0 8px}
.gmb .blog-content p,.gmb .blog-content li{color:#2b2b2b}
.gmb .blog-content a{color:var(--b-blue);font-weight:600}
.gmb .blog-content img{max-width:100%;height:auto;border-radius:8px;margin:12px 0}
.gmb .blog-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
.gmb .blog-content{overflow-wrap:anywhere}
@media (max-width:600px){.gmb .blog-content table{display:block;overflow-x:auto}}
.gmb .blog-content th,.gmb .blog-content td{border:1px solid var(--b-border);padding:10px 14px;text-align:left}
.gmb .blog-content th{background:var(--b-navy);color:#fff;font-weight:600}
.gmb .blog-content tr:nth-child(even){background:#F8FAFC}
.gmb .blog-content blockquote{background:#FFFBE6;border-left:4px solid var(--b-amber);margin:16px 0;padding:14px 18px;border-radius:4px;font-size:14.5px}
.gmb .cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.gmb .btn{display:inline-block;padding:10px 20px;border-radius:6px;background:var(--b-navy);color:#fff;font-weight:600;font-size:14px;text-decoration:none}
.gmb .btn:hover{background:var(--b-blue)}
.gmb .btn.ghost{background:#fff;color:var(--b-navy);border:1px solid var(--b-border)}
.gmb .btn.ghost:hover{border-color:var(--b-blue);color:var(--b-blue)}

@media (max-width:600px){
  .gmb .gmb-hero,.gmb .section{padding:20px}
  .gmb .gmb-hero h1{font-size:24px}
  .gmb .feature-card .value{font-size:20px}
  .gmb .post-row{flex-wrap:wrap;gap:8px}
  .gmb .post-date{width:100%;display:flex;gap:8px;align-items:baseline}
  .gmb .post-date span{display:inline}
  .gmb .post-thumb{width:100%;height:150px;order:-1}
  .gmb .post-body{flex-basis:100%}
}