.jcphe-public-blog{--navy:#092d49;--blue:#0b5f8c;--gold:#d2aa4d;--ink:#17344a;--muted:#63798a;max-width:1180px;margin:0 auto;padding:42px 22px 70px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}
.jcphe-blog-hero{position:relative;overflow:hidden;padding:54px;border-radius:28px;background:linear-gradient(135deg,#082d49,#0b668f);box-shadow:0 22px 55px rgba(8,45,73,.18);color:#fff}.jcphe-blog-hero:after{position:absolute;right:-70px;bottom:-120px;width:320px;height:320px;border:55px solid rgba(210,170,77,.18);border-radius:50%;content:""}.jcphe-blog-hero span{color:#f1d98e;font-size:12px;font-weight:900;letter-spacing:.15em}.jcphe-blog-hero h1{max-width:720px;margin:10px 0;color:#fff;font-size:clamp(34px,5vw,62px);line-height:1}.jcphe-blog-hero p{max-width:720px;margin:0;color:#dcecf5;font-size:17px;line-height:1.55}
.jcphe-blog-filter{display:grid;grid-template-columns:minmax(0,1fr) 280px auto;gap:10px;margin:25px 0;padding:13px;border:1px solid #d7e3eb;border-radius:17px;background:#fff;box-shadow:0 10px 30px rgba(12,51,78,.07)}.jcphe-blog-filter :is(input,select,button){min-height:48px;border:1px solid #ccdae4;border-radius:11px;padding:10px 13px;font:inherit}.jcphe-blog-filter button{border-color:#0b5f8c;background:#0b5f8c;color:#fff;font-weight:850;cursor:pointer}
.jcphe-blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.jcphe-blog-grid article{overflow:hidden;border:1px solid #d9e4eb;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(11,49,75,.07)}.jcphe-blog-grid article>div:last-child{padding:23px}.jcphe-blog-grid small{color:#7a6a37;font-size:11px;font-weight:800}.jcphe-blog-grid h2{margin:9px 0;font-size:24px;line-height:1.2}.jcphe-blog-grid h2 a{color:#123b58;text-decoration:none}.jcphe-blog-grid p{color:#62798a;line-height:1.6}.jcphe-blog-read{color:#0b5f8c;font-weight:900;text-decoration:none}.jcphe-blog-image{display:block;aspect-ratio:16/8;overflow:hidden;background:#eaf2f7}.jcphe-blog-image img{width:100%;height:100%;object-fit:cover}.jcphe-blog-video{aspect-ratio:16/9;background:#071d2b}.jcphe-blog-video iframe{width:100%;height:100%}.jcphe-blog-empty{grid-column:1/-1;padding:55px;border:1px dashed #bdced9;border-radius:20px;background:#f6fafc;text-align:center}.jcphe-blog-empty h2{color:#123b58}
@media(max-width:760px){.jcphe-public-blog{padding:24px 14px 55px}.jcphe-blog-hero{padding:34px 25px}.jcphe-blog-filter,.jcphe-blog-grid{grid-template-columns:1fr}}