/* Blog styles are scoped so existing resource articles keep their layout. */
.blog-article .hero-copy h1{font-size:clamp(2rem,4.2vw,3.8rem);overflow-wrap:anywhere}
.blog-article .article-layout{grid-template-columns:minmax(0,1fr) 270px;align-items:start}
.blog-article .article-body{min-width:0;overflow-wrap:anywhere}
.blog-article .article-body>*+*{margin-top:1.15rem}
.blog-article .article-body h2{margin-top:2.5rem;font-size:clamp(1.45rem,2.7vw,2rem);line-height:1.25;color:#f5f7fa}
.blog-article .article-body h3{margin-top:1.8rem;line-height:1.35}
.blog-article .article-body p,.blog-article .article-body li{line-height:1.8}
.blog-article .article-body a{color:#4dd4ce;text-decoration:underline;text-underline-offset:3px}
.blog-article .article-body ul,.blog-article .article-body ol{padding-left:1.5rem}
.blog-article .article-body li+li{margin-top:.55rem}
.blog-article .article-body img{height:auto;max-width:100%;margin:1.5rem auto;background:white;padding:.35rem;border-radius:8px}
.blog-article .article-body figure{margin:1.5rem 0;min-width:0}
.blog-article .article-body figcaption{font-size:.9rem;color:var(--muted);text-align:center}
.blog-article .article-body pre{max-width:100%;overflow-x:auto;white-space:pre;tab-size:4;background:#09172c;color:#edf5ff;border:1px solid #263c58;border-radius:12px;padding:1.3rem;font: .86rem/1.7 Consolas,monospace}
.blog-article .article-body :not(pre)>code{background:#eef3f7;color:#17273b;padding:.15em .35em;border-radius:4px;font-size:.9em;overflow-wrap:anywhere}
.blog-article .article-body pre code{font:inherit;color:inherit;white-space:inherit}
.blog-table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:10px;margin:1.4rem 0}
.blog-table-scroll:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.blog-table-scroll table{border-collapse:collapse;width:100%;min-width:440px;text-align:left;font-size:.92rem}
.blog-table-scroll th,.blog-table-scroll td{border-bottom:1px solid var(--border);padding:.85rem;vertical-align:top}
.blog-table-scroll th{background:#1d3a4c;color:#f5f7fa}
.blog-article .article-body video{display:block;width:100%;max-height:650px;background:#071428;border-radius:10px;margin-top:1.5rem}
.blog-article .article-body blockquote{border-left:4px solid var(--teal);padding:1rem 1.4rem;background:#142d41;margin:1.5rem 0}
.blog-featured-image{margin:0 0 2rem;max-width:100%}
.blog-featured-image img{width:auto;max-width:100%;max-height:420px;object-fit:contain;border-radius:12px;margin:auto}
.blog-dates{font-size:.88rem;color:#a8bac9;margin-top:1rem}
.blog-index .hero{padding-bottom:55px}
.blog-index-heading{display:flex;justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:2rem}
.blog-index-count{white-space:nowrap;color:#b4c3d4}
.blog-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}
.blog-card{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:white;display:flex;flex-direction:column;box-shadow:0 6px 24px rgba(31,44,73,.05)}
.blog-card-image{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:#edf6f7;overflow:hidden}
.blog-card-image img{width:100%;height:100%;object-fit:contain}
.blog-card-category{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:#067977}
.blog-card-content{padding:1.5rem;display:flex;flex-direction:column;gap:.8rem;flex:1}
.blog-card h3{font-size:1.2rem;line-height:1.4;overflow-wrap:anywhere}
.blog-card h3 a{color:var(--navy)}
.blog-card h3 a:hover,.blog-card h3 a:focus-visible{color:#067977;text-decoration:underline}
.blog-card time{font-size:.83rem;color:var(--muted)}
.blog-card p{font-size:.94rem;color:#526075}
.blog-card .learn{margin-top:auto;padding-top:.8rem}
.blog-card-placeholder{background:linear-gradient(135deg,#071428,#1f4659);color:white;padding:2rem;font-weight:600;font-size:1.3rem;align-items:flex-end;justify-content:flex-start}
.blog-index .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.blog-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-article .article-layout{grid-template-columns:minmax(0,1fr)}.blog-article .article-layout>aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}}
@media(max-width:620px){.blog-cards{grid-template-columns:minmax(0,1fr)}.blog-index-heading{display:block}.blog-index-count{margin-top:.7rem}.blog-article .article-layout>aside{grid-template-columns:minmax(0,1fr)}.blog-article .article-body{padding:22px!important}.blog-article .article-body pre{padding:1rem;font-size:.78rem}.blog-article .hero-copy h1{font-size:2rem}}