/* ===== GKM Blog styles (uses brand vars from style.css) ===== */
:root{
  --navy:#071f49;--navy2:#0c2f6b;--blue:#1a5fa8;--blue2:#2475c0;
  --gold:#b8882a;--gold2:#d2a447;--gold3:#e0b840;
  --bg:#f6f9fc;--line:#d8e6f2;--text:#17243a;--text2:#3a5572;--text3:#7090aa;
}
.blog-hero{
  background:linear-gradient(135deg,#071b42 0%,#0c2454 50%,#12366d 100%);
  padding:120px 0 60px;text-align:center;position:relative;overflow:hidden;
}
.blog-hero::after{content:'';position:absolute;inset:22px;border:1px solid rgba(224,184,64,.16);pointer-events:none;}
.blog-hero .sec-label{color:var(--gold3);letter-spacing:3px;font-size:12px;font-weight:700;text-transform:uppercase;margin-bottom:14px;}
.blog-hero h1{color:#fff;font-size:clamp(26px,4vw,40px);font-weight:700;letter-spacing:.06em;}
.blog-hero p{color:rgba(255,255,255,.72);font-size:14px;margin-top:14px;}
.blog-wrap{max-width:920px;margin:0 auto;padding:56px 20px 80px;}
.blog-list{display:grid;gap:24px;}
.post-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.25s ease;text-decoration:none;}
.post-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(10,30,70,.12);}
.post-card-body{padding:26px 28px;}
.post-cat{display:inline-block;font-size:11px;font-weight:700;letter-spacing:1px;color:var(--blue2);background:rgba(36,117,192,.08);padding:4px 12px;border-radius:20px;margin-bottom:12px;}
.post-card h2{font-size:19px;font-weight:700;color:var(--navy);line-height:1.5;margin-bottom:10px;}
.post-card p{font-size:14px;color:var(--text2);line-height:1.85;}
.post-meta{font-size:12px;color:var(--text3);margin-top:14px;}
/* article page */
.article-hero{background:linear-gradient(135deg,#071b42,#12366d);padding:110px 0 48px;}
.article-hero-inner{max-width:820px;margin:0 auto;padding:0 20px;}
.breadcrumb{font-size:12px;color:rgba(255,255,255,.6);margin-bottom:18px;}
.breadcrumb a{color:rgba(255,255,255,.78);text-decoration:none;}
.breadcrumb a:hover{color:var(--gold3);}
.article-hero h1{color:#fff;font-size:clamp(23px,3.4vw,34px);font-weight:700;line-height:1.5;}
.article-hero .post-meta{color:rgba(255,255,255,.6);margin-top:16px;}
.article-body{max-width:780px;margin:0 auto;padding:54px 20px 70px;font-size:15px;line-height:2;color:var(--text);}
.article-body h2{font-size:21px;font-weight:700;color:var(--navy);margin:42px 0 16px;padding:10px 18px;background:var(--bg);border-left:4px solid var(--gold);}
.article-body h3{font-size:17px;font-weight:700;color:var(--navy2);margin:28px 0 12px;}
.article-body p{margin-bottom:18px;}
.article-body ul{padding-left:22px;margin:0 0 20px;}
.article-body li{list-style:disc;margin-bottom:10px;}
.article-body strong{color:var(--blue);}
.article-cta{background:var(--navy);color:#fff;border-radius:14px;padding:34px;text-align:center;margin-top:48px;}
.article-cta h3{color:#fff;font-size:18px;margin-bottom:12px;}
.article-cta p{color:rgba(255,255,255,.82);font-size:14px;margin-bottom:20px;}
.article-cta a{display:inline-block;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#1a1205;font-weight:700;padding:13px 34px;border-radius:6px;text-decoration:none;font-size:14px;}
.back-link{display:inline-block;margin-top:34px;font-size:14px;color:var(--blue2);text-decoration:none;}
.back-link:hover{text-decoration:underline;}
@media(max-width:680px){.blog-hero{padding:100px 0 48px;}.article-hero{padding:96px 0 40px;}}