/* Shared editorial article view: paired with blog-layout.css and used on every preserved post. */
.blog-article-layout{width:min(1180px,calc(100% - 48px));gap:clamp(36px,6vw,72px)}
.blog-article-hero{padding:clamp(72px,9vw,118px) 0 clamp(48px,6vw,78px)}
.blog-article-hero h1{max-width:930px}
.blog-article-hero p{max-width:760px}
.blog-article-meta{padding:21px 0;border-bottom:1px solid #dce7e7;background:#fff}
.blog-article-meta__inner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#718187;font:600 .88rem/1.1 "Barlow Condensed",Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.blog-article-meta__inner img{width:34px;height:34px;object-fit:contain;border-radius:50%;background:#edf9f8}
.blog-article-meta__inner span+span:before{content:"•";margin-right:12px;color:var(--teal)}
.blog-article-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,330px);gap:clamp(38px,6vw,84px);width:min(1320px,calc(100% - 64px));margin:clamp(52px,7vw,98px) auto}
.blog-article-main{min-width:0}
.blog-article-main .page-section{padding:0;margin:0 0 clamp(44px,6vw,76px);background:transparent}
.blog-article-main .page-section.navy{padding:clamp(30px,4vw,48px);background:var(--navy)}
.blog-article-main .page-section.alt{padding:clamp(28px,4vw,44px);background:#edf9f8}
.blog-article-main .page-section .wrap{width:auto;max-width:none;margin:0}
.blog-article-main .split{display:block}
.blog-article-main h2{margin:0 0 18px;font-size:clamp(2.45rem,4.2vw,4.25rem);line-height:.93}
.blog-article-main h3{font-size:clamp(1.55rem,2.25vw,2.3rem);line-height:1}
.blog-article-main p{max-width:880px;color:#55676f;font-size:1.1rem;line-height:1.7}
.blog-article-main .navy p{color:#e7f4f5}
.blog-article-main .page-photo{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;margin:28px 0 0;aspect-ratio:16/8.5}
.blog-article-main .card-grid{grid-template-columns:1fr;gap:14px}
.blog-article-main .info-card{padding:25px 27px;border:1px solid #d6e5e5;background:#fff}
.blog-article-main .info-card p{margin-bottom:0;font-size:1rem}
.blog-article-main .service-callout{margin-top:26px}
.blog-article-sidebar{display:grid;align-content:start;gap:40px}
.blog-article-sidebar .sidebar-panel+.sidebar-panel{padding-top:32px;border-top:1px solid #dce7e7}
.blog-article-sidebar .sidebar-panel--cta{padding:28px;background:linear-gradient(145deg,#edf9f8,#d9f5f3);border-top:5px solid var(--teal)}
.blog-article-sidebar h2{margin:7px 0 10px;font-size:2.55rem;line-height:.9}
.blog-article-sidebar p:not(.sidebar-kicker){margin:0;color:#64767d;font-size:1rem;line-height:1.55}
.blog-article-sidebar .sidebar-links{display:grid;gap:13px;padding-top:8px}
.blog-article-sidebar .sidebar-links a{color:var(--navy);font:600 1.08rem/1.2 "Barlow Condensed",Arial,sans-serif;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.blog-article-sidebar .sidebar-links a:hover{color:var(--teal)}
.blog-article-sidebar .sidebar-posts{display:grid;gap:18px;padding-top:8px}
.blog-article-sidebar .sidebar-posts a{display:grid;grid-template-columns:74px 1fr;gap:14px;align-items:center;color:var(--navy);text-decoration:none}
.blog-article-sidebar .sidebar-posts img{width:74px;height:58px;object-fit:cover}
.blog-article-sidebar .sidebar-posts b{display:block;font:600 1.15rem/.98 "Barlow Condensed",Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.blog-article-sidebar .sidebar-posts small{display:block;margin-top:6px;color:#72858a;font:600 .75rem/1 "Barlow Condensed",Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.blog-article-sidebar .sidebar-posts a:hover b{color:var(--blue)}
@media(max-width:920px){.blog-article-layout{grid-template-columns:1fr;width:min(900px,calc(100% - 48px))}.blog-article-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.blog-article-sidebar .sidebar-panel+.sidebar-panel{padding-top:0;border-top:0}.blog-article-sidebar .sidebar-panel--cta{grid-column:1/-1}}
@media(max-width:620px){.blog-article-layout{width:min(100% - 40px,560px);margin:50px auto}.blog-article-sidebar{grid-template-columns:1fr;gap:30px}.blog-article-sidebar .sidebar-panel+.sidebar-panel{padding-top:30px;border-top:1px solid #dce7e7}.blog-article-main h2{font-size:2.55rem}.blog-article-main p{font-size:1.02rem}.blog-article-main .page-section.alt,.blog-article-main .page-section.navy{padding:25px 21px}}