/* Blog styles (list = 3 cards per row, article page). Loaded only on blog pages. */
/* ---------- Blog ---------- */
.blog-page{background:#fff;}
.blog-grid{display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; align-items:stretch;}
.blog-card{width:auto; min-width:0; display:flex; flex-direction:column; background:#fff; border:1px solid var(--line); border-radius:6px; overflow:hidden; box-shadow:0 3px 12px rgba(10,27,46,.08); transition:transform .22s, box-shadow .22s; color:inherit;}
.blog-card:hover{transform:translateY(-4px); box-shadow:0 12px 26px rgba(10,27,46,.16);}
.blog-img{aspect-ratio:16/10; height:auto; max-height:230px; background:linear-gradient(135deg,var(--navy),var(--navy-3)); overflow:hidden;}
.blog-img img{width:100%; height:100%; max-width:100%; object-fit:cover; display:block; transition:transform .45s;}
.blog-card:hover .blog-img img{transform:scale(1.05);}
.blog-body{padding:16px 18px 20px; border-top:3px solid var(--orange); flex:1; display:flex; flex-direction:column;}
.blog-card:nth-child(3n+2) .blog-body{border-top-color:var(--mblue);}
.blog-card:nth-child(3n) .blog-body{border-top-color:var(--mgreen);}
.blog-meta{display:flex; gap:12px; align-items:center; font-size:12.5px; color:var(--steel); margin-bottom:8px;}
.blog-cat{background:#FFF1E8; color:var(--orange-deep); font-weight:700; text-transform:uppercase; letter-spacing:.04em; font-size:11px; padding:3px 8px; border-radius:3px;}
.blog-body h3{font-size:18px; font-weight:800; color:var(--navy); line-height:1.25;}
.blog-body p{font-size:14px; color:var(--ink-soft); margin-top:8px; line-height:1.55;}
.blog-more{margin-top:auto; padding-top:12px; color:var(--orange); font-weight:700; font-size:13px; text-transform:uppercase; letter-spacing:.04em; display:inline-flex; align-items:center; gap:6px;}
.blog-pager{display:flex; gap:8px; justify-content:center; margin-top:32px;}
.blog-pager a{min-width:38px; height:38px; display:flex; align-items:center; justify-content:center; border:1px solid var(--line); border-radius:4px; font-weight:700; color:var(--navy);}
.blog-pager a.is-current,.blog-pager a:hover{background:var(--orange); border-color:var(--orange); color:#fff;}
.post-by{color:#C9D6E1; margin-top:12px; font-size:14px;}
.post-page{background:#fff; padding-top:40px;}
.post-wrap{max-width:820px;}
.post-cover{width:100%; height:auto; border-radius:6px; margin-bottom:28px; display:block;}
.post-body{font-size:17px; line-height:1.75; color:var(--ink);}
.post-body h2{font-size:28px; margin:34px 0 12px; color:var(--navy);}
.post-body h3{font-size:21px; margin:26px 0 10px; color:var(--navy);}
.post-body h4{font-size:17px; margin:20px 0 8px;}
.post-body p{margin:0 0 16px;}
.post-body ul,.post-body ol{margin:0 0 18px; padding-left:24px;}
.post-body li{margin-bottom:6px;}
.post-body a{color:var(--mblue); text-decoration:underline;}
.post-body img{max-width:100%; height:auto; border-radius:4px; margin:12px 0;}
.post-body blockquote{border-left:4px solid var(--orange); background:#FFF6EF; margin:20px 0; padding:14px 20px; font-style:italic;}
.post-body table{border-collapse:collapse; width:100%; margin:18px 0; font-size:15px;}
.post-body th,.post-body td{border:1px solid var(--line); padding:9px 12px; text-align:left;}
.post-body th{background:var(--paper);}
.post-cta{margin-top:36px; padding:20px 24px; background:linear-gradient(120deg,var(--navy),var(--navy-3)); color:#fff; border-left:6px solid var(--orange); display:flex; gap:16px; align-items:center; justify-content:space-between; flex-wrap:wrap;}
@media (max-width:1000px){ .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;} }
@media (max-width:640px){ .blog-grid{grid-template-columns:minmax(0,1fr) !important;} .post-body{font-size:16px;} }
.wrap.post-wrap{max-width:860px;}