.blog-public-wrap,.blog-post-wrap{background:#f5f8fb;min-height:60vh;padding-bottom:4rem}.blog-public-hero{padding:clamp(3rem,8vw,6.2rem) 1rem;background:radial-gradient(circle at 78% 20%,rgba(57,183,255,.25),transparent 28%),linear-gradient(135deg,#05192d,#0b3b63 55%,#0d6ea6);color:#fff}.blog-hero-inner{width:min(1100px,94vw);margin:auto}.blog-public-kicker{font-size:.78rem;letter-spacing:.14em;font-weight:900;color:#8ee4ff}.blog-public-hero h1{max-width:800px;margin:.7rem 0 .8rem;font-size:clamp(2.4rem,6vw,5rem);line-height:.98;color:#fff}.blog-public-hero p{max-width:780px;color:#d8ebf8;font-size:clamp(1rem,2vw,1.2rem);line-height:1.65}.blog-hero-badges{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.2rem}.blog-hero-badges span{padding:.55rem .8rem;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);font-weight:800;font-size:.82rem}
.blog-list-section{width:min(1120px,94vw);margin:clamp(2rem,5vw,4rem) auto}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.blog-card-public{background:#fff;border:1px solid #dfe8ef;border-radius:24px;overflow:hidden;box-shadow:0 14px 34px rgba(15,55,84,.08);transition:transform .2s,box-shadow .2s}.blog-card-public:hover{transform:translateY(-4px);box-shadow:0 22px 46px rgba(15,55,84,.13)}.blog-card-image{display:block;aspect-ratio:16/9;background:#0b4e7c;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.blog-card-public:hover .blog-card-image img{transform:scale(1.025)}.blog-image-fallback{height:100%;display:grid;place-items:center;background:radial-gradient(circle at 70% 25%,#31a9e9,transparent 28%),linear-gradient(135deg,#082e50,#0d679e);color:#fff}.blog-image-fallback span{font-size:2.4rem;font-weight:950;letter-spacing:.1em}.blog-card-body{padding:1.15rem 1.2rem 1.3rem}.blog-card-meta{display:flex;align-items:center;justify-content:space-between;gap:.7rem;color:#708292;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.blog-card-public h2{font-size:1.35rem;line-height:1.18;margin:.7rem 0 .55rem}.blog-card-public h2 a{color:#102f48;text-decoration:none}.blog-card-public p{color:#5b7183;line-height:1.58}.blog-read-more{display:inline-flex;gap:.45rem;align-items:center;color:#086bb5;text-decoration:none;font-weight:900}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.blog-pagination a{display:inline-grid;place-items:center;min-width:42px;height:42px;padding:0 .8rem;border:1px solid #ccdae4;background:#fff;border-radius:12px;color:#17405d;text-decoration:none;font-weight:850}.blog-pagination a.active{background:#0b68b7;color:#fff;border-color:#0b68b7}.page-numbers{display:flex;gap:.35rem}.blog-empty{text-align:center;background:#fff;border-radius:24px;padding:3rem;border:1px solid #dfe8ef}.blog-empty>span{font-size:2.4rem}
.blog-post-wrap{padding:clamp(2rem,5vw,4rem) 1rem}.blog-post{width:min(900px,94vw);margin:auto}.blog-post-header{text-align:center;padding:1rem 0 1.5rem}.back-blog{display:inline-block;margin-bottom:1rem;color:#0b68b7;font-weight:850;text-decoration:none}.blog-post-header .blog-card-meta{justify-content:center}.blog-post-header h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.03;margin:.8rem auto;max-width:860px;color:#0b2942}.blog-post-deck{font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.6;color:#5b7183;max-width:760px;margin:0 auto}.blog-featured{margin:1rem 0 2rem}.blog-featured img{width:100%;max-height:560px;object-fit:cover;border-radius:26px;box-shadow:0 20px 50px rgba(20,52,77,.13)}
.blog-article-body{background:#fff;border:1px solid #dfe8ef;border-radius:24px;padding:clamp(1.2rem,4vw,3rem);font-size:1.06rem;line-height:1.8;color:#263f52;box-shadow:0 14px 36px rgba(20,52,77,.06)}.blog-article-body h2{font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.18;color:#0d324e;margin:2rem 0 .7rem}.blog-article-body h3{font-size:1.4rem;color:#143d59;margin:1.6rem 0 .55rem}.blog-article-body p{margin:.9rem 0}.blog-article-body img{max-width:100%;height:auto;display:block;margin:1.3rem auto;border-radius:18px}.blog-article-body blockquote{margin:1.5rem 0;padding:1rem 1.2rem;border-left:5px solid #168bd0;background:#f1f8fd;border-radius:0 16px 16px 0}.blog-article-body a{color:#076fb9;font-weight:700}.blog-article-body li{margin:.35rem 0}
.blog-share{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.3rem 0;padding:1.15rem 1.2rem;background:#fff;border:1px solid #dfe8ef;border-radius:20px}.blog-share>div:first-child span{display:block;color:#748796;font-size:.78rem;text-transform:uppercase;font-weight:850}.blog-share-buttons{display:flex;flex-wrap:wrap;gap:.45rem}.blog-share-buttons a,.blog-share-buttons button{border:1px solid #cfdae3;background:#f8fbfd;color:#173c56;border-radius:999px;padding:.55rem .8rem;text-decoration:none;font-weight:850;font:inherit;cursor:pointer}.blog-post-cta{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.3rem;padding:1.5rem;border-radius:24px;background:linear-gradient(135deg,#062b4c,#0a6da9);color:#fff}.blog-post-cta span{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#8ddfff;font-weight:900}.blog-post-cta h2{margin:.3rem 0;color:#fff}.blog-post-cta p{margin:0;color:#d9eefb}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.blog-grid{grid-template-columns:1fr}.blog-share,.blog-post-cta{align-items:flex-start;flex-direction:column}.blog-share-buttons{width:100%}.blog-share-buttons a,.blog-share-buttons button{flex:1 1 auto;text-align:center}.blog-post-cta .btn{width:100%;text-align:center}.blog-public-hero{padding-top:3.5rem}.blog-article-body{border-radius:18px}}