.blog-shell{padding:calc(var(--header-h,76px) + 34px) 0 clamp(64px,7vw,100px);background:var(--paper,#edf1f5);min-height:75vh}
.blog-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}
.blog-head h1{font-size:clamp(34px,4.2vw,64px);letter-spacing:-.045em;line-height:.98;margin:8px 0 0}
.blog-head p{max-width:560px;color:var(--body,#4a5f77);line-height:1.65;margin:0}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line,#dbe2ea);border-radius:18px;overflow:hidden;min-height:100%;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.blog-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(20,47,76,.09);border-color:#c8d4e0}
.blog-card-media{display:block;aspect-ratio:16/10;background:linear-gradient(135deg,#dbe5ef,#edf2f6);overflow:hidden}
.blog-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.blog-card:hover .blog-card-media img{transform:scale(1.035)}
.blog-card-placeholder{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#0c2b4b,#1559a9);color:#fff;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.blog-card-body{display:flex;flex-direction:column;flex:1;padding:24px 25px 26px}
.blog-card-meta{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#72879c;margin-bottom:14px}
.blog-card h2{font-size:clamp(22px,2vw,31px);line-height:1.08;letter-spacing:-.04em;margin:0}
.blog-card h2 a{color:var(--ink,#07182d);text-decoration:none}
.blog-card-excerpt{color:var(--body,#4a5f77);line-height:1.65;margin:16px 0 24px}
.blog-card .text-link{margin-top:auto;text-decoration:none;font-weight:700;color:var(--sign,#0b4fa8)}
.blog-pagination{margin-top:36px}
.blog-pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap}
.blog-pagination a,.blog-pagination span{display:grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--line,#dbe2ea);border-radius:10px;background:#fff;text-decoration:none;color:var(--ink,#07182d)}
.blog-pagination .current{background:var(--sign,#0b4fa8);color:#fff;border-color:var(--sign,#0b4fa8)}
.single-post-shell{padding:calc(var(--header-h,76px) + 42px) 0 clamp(68px,7vw,108px);background:var(--paper,#edf1f5)}
.single-post-wrap{max-width:980px;margin:0 auto}
.single-post-header{margin-bottom:28px}
.single-post-header .entry-meta{margin-bottom:14px}
.single-post-header h1{font-size:clamp(34px,5vw,64px);line-height:1.02;letter-spacing:-.045em;margin:0}
.single-featured{margin:30px 0 38px;border-radius:22px;overflow:hidden;background:#dfe7ee;box-shadow:0 18px 44px rgba(21,48,76,.10)}
.single-featured img{width:100%;height:auto;display:block;max-height:620px;object-fit:cover}
.single-post-content{background:#fff;border:1px solid var(--line,#dbe2ea);border-radius:20px;padding:clamp(26px,4vw,54px);font-size:17px;line-height:1.78;color:var(--body,#4a5f77)}
.single-post-content h2,.single-post-content h3{color:var(--ink,#07182d)}
.single-post-content h2{font-size:clamp(25px,3vw,36px);margin-top:42px}
.single-post-content h3{font-size:21px;margin-top:32px}
.single-post-content img{max-width:100%;height:auto;border-radius:14px}
.single-post-back{margin-top:24px}
.hmbm-admin-thumbnail{width:72px;height:48px;object-fit:cover;border-radius:6px;display:block}
@media(max-width:980px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.blog-head{display:block}.blog-head p{margin-top:14px}.blog-grid{grid-template-columns:1fr}.blog-card-body{padding:20px}.single-featured{border-radius:14px;margin:22px 0 26px}.single-post-content{border-radius:14px;padding:22px}.single-post-shell{padding-top:calc(var(--header-h,76px) + 26px)}}