.cppmet-blog{--cppmet-line:#071e2f1a;--cppmet-muted:#58717d;--cppmet-radius:16px;--cppmet-radius-mobile:12px;--cppmet-pad:clamp(26px, 3.2vw, 42px);--cppmet-frame-max:var(--tp-home-container-max,1440px);--cppmet-frame-gutter:var(--tp-home-container-gutter,48px);--cppmet-frame-compact-max:var(--tp-home-container-compact-max,1180px);--cppmet-frame-compact-gutter:var(--tp-home-container-compact-gutter,32px);--cppmet-frame-mobile-gutter:var(--tp-home-container-mobile-gutter,20px);gap:clamp(16px,2vw,24px);width:100%;margin:0;padding:0 0 clamp(48px,6vw,76px);display:grid}.cppmet-blog__hero{width:100%;min-height:clamp(390px,39vw,540px);padding:clamp(46px, 5vw, 72px) max(var(--cppmet-frame-gutter), calc((100vw - var(--cppmet-frame-max)) / 2 + var(--cppmet-frame-gutter)));box-sizing:border-box;border:1px solid var(--cppmet-line);border-radius:var(--cppmet-radius);box-shadow:none;background:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(32px,5vw,72px);display:grid}.cppmet-blog__hero-copy{max-width:900px}.cppmet-blog__eyebrow{color:#087f91;letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 12px;font-size:.72rem;font-weight:850;display:inline-flex}.cppmet-blog__hero h1{color:#071e2f;letter-spacing:-.065em;text-wrap:balance;max-width:940px;margin:0;font-size:clamp(2.75rem,5vw,5.7rem);font-weight:800;line-height:.95}.cppmet-blog__lead{max-width:76ch;color:var(--cppmet-muted);margin:20px 0 0;font-size:clamp(.96rem,1.1vw,1.08rem);line-height:1.7}.cppmet-blog__source-link,.cppmet-blog__card a,.cppmet-blog__empty a{color:#0c5d80;align-items:center;gap:8px;font-weight:700;text-decoration:none;display:inline-flex}.cppmet-blog__source-link{white-space:nowrap;background:#fff;border:1px solid #0c5d803d;border-radius:999px;justify-content:center;min-height:44px;padding:0 16px}.cppmet-blog__source-link:hover,.cppmet-blog__card a:hover,.cppmet-blog__empty a:hover{text-underline-offset:3px;text-decoration:underline}.cppmet-blog__source-link:focus-visible,.cppmet-blog__card a:focus-visible,.cppmet-blog__empty a:focus-visible{outline-offset:4px;outline:2px solid #18bdcd7a}.cppmet-blog__source-bar,.cppmet-blog__grid,.cppmet-blog__empty{width:min(var(--cppmet-frame-max), calc(100% - (var(--cppmet-frame-gutter) * 2)));box-sizing:border-box;margin-inline:auto}.cppmet-blog__source-bar{border:1px solid var(--cppmet-line);background:#fff;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px 32px;padding:17px 20px;display:grid}.cppmet-blog__source-bar>div{flex-wrap:wrap;gap:10px;display:flex}.cppmet-blog__source-bar p{color:var(--cppmet-muted);margin:0;font-size:.88rem;line-height:1.55}.cppmet-blog__status,.cppmet-blog__updated{border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:0 10px;font-size:.76rem;font-weight:700;display:inline-flex}.cppmet-blog__status--live{color:#17633b;background:#eaf7ef}.cppmet-blog__status--unavailable{color:#8a4b17;background:#fff3e4}.cppmet-blog__updated{color:#4e6672;background:#f1f5f7}.cppmet-blog__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.cppmet-blog__card{min-height:230px;padding:var(--cppmet-pad);border:1px solid var(--cppmet-line);box-shadow:none;background:#fff;border-radius:14px;flex-direction:column;display:flex}.cppmet-blog__card--featured{background:#fff;grid-column:1/-1;min-height:260px}.cppmet-blog__card-meta{color:#69808a;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:.76rem;font-weight:650;display:flex}.cppmet-blog__card-meta span{color:#366375;background:#eef5f8;border-radius:999px;padding:4px 8px}.cppmet-blog__card h2{color:#0d3447;letter-spacing:-.025em;margin:14px 0 12px;font-size:clamp(1.28rem,2vw,1.75rem);line-height:1.2}.cppmet-blog__card--featured h2{max-width:880px;font-size:clamp(1.65rem,3vw,2.55rem)}.cppmet-blog__card p{max-width:860px;color:var(--cppmet-muted);margin:0 0 24px;line-height:1.62}.cppmet-blog__card a{margin-top:auto}.cppmet-blog__empty{padding:var(--cppmet-pad);box-shadow:none;background:#fff;border:1px dashed #071e2f33;border-radius:14px}.cppmet-blog__empty h2{color:#163f52;margin:0 0 10px}.cppmet-blog__empty p{max-width:720px;color:var(--cppmet-muted);margin:0 0 18px;line-height:1.6}@media (width<=1240px){.cppmet-blog__source-bar,.cppmet-blog__grid,.cppmet-blog__empty{width:min(var(--cppmet-frame-compact-max), calc(100% - (var(--cppmet-frame-compact-gutter) * 2)))}.cppmet-blog__hero{padding-inline:var(--cppmet-frame-compact-gutter)}}@media (width<=760px){.cppmet-blog{--cppmet-pad:20px;gap:14px}.cppmet-blog__hero{min-height:0;padding:42px var(--cppmet-frame-mobile-gutter) 36px;border-radius:var(--cppmet-radius-mobile);grid-template-columns:1fr;gap:22px}.cppmet-blog__hero h1{font-size:clamp(2.35rem,12vw,3.8rem)}.cppmet-blog__source-link{white-space:normal;justify-self:start}.cppmet-blog__source-bar,.cppmet-blog__grid,.cppmet-blog__empty{width:calc(100% - (var(--cppmet-frame-mobile-gutter) * 2));grid-template-columns:1fr}.cppmet-blog__source-bar,.cppmet-blog__card,.cppmet-blog__empty{border-radius:var(--cppmet-radius-mobile)}.cppmet-blog__card--featured{grid-column:auto;min-height:0}}@media (forced-colors:active){.cppmet-blog__source-link,.cppmet-blog__source-bar,.cppmet-blog__card,.cppmet-blog__empty{border-color:canvastext}}.cppmet-blog .cppmet-blog__hero{box-shadow:none;background:#f5f8f8;border:0;border-bottom:1px solid #071e2f1a;border-radius:0;padding-top:clamp(3.5rem,7vw,6rem);padding-bottom:clamp(3rem,6vw,5rem)}.cppmet-blog .cppmet-blog__source-link{color:#fff;background:#0c5d80;border-color:#0c5d80;border-radius:8px}.cppmet-blog .cppmet-blog__source-bar{box-shadow:none;background:0 0;border:0;border-bottom:1px solid #071e2f1a;border-radius:0;padding-left:0;padding-right:0}.cppmet-blog .cppmet-blog__card--featured{box-shadow:none;background:0 0;border:0;border-top:3px solid #18bdcd;border-bottom:1px solid #071e2f1a;border-radius:0;position:relative;overflow:visible}.cppmet-blog .cppmet-blog__card--featured:before{content:none;display:none}.cppmet-blog :is(.cppmet-blog__card a,.cppmet-blog__empty a){align-items:center;min-height:44px}@media (width<=760px){.cppmet-blog .cppmet-blog__hero{border-radius:0}}@media (forced-colors:active){.cppmet-blog :is(.cppmet-blog__hero,.cppmet-blog__source-bar,.cppmet-blog__card--featured){color:canvastext;background:canvas}}
