/* Static blog additions. Shared StratusDX CSS, navigation and buttons are retained. */
.static-blog .blog-hero { padding:65px 0; }
.static-blog .blog-hero h1 { max-width:900px; }
.static-blog .blog-hero .pricing-lead { max-width:800px; margin-bottom:0; }
.static-blog .blog-list-section { padding:55px 0 65px; }
.static-blog .blog-section-heading { font-size:30px; line-height:1.3; margin:0 0 28px; }
.static-blog .blog-feature { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:36px; align-items:center; background:#f4f9ff; border-radius:8px; overflow:hidden; }
.static-blog .blog-feature-image { display:block; height:100%; min-width:0; }
.static-blog .blog-feature-image img { display:block; width:100%; height:100%; aspect-ratio:1168/784; object-fit:cover; }
.static-blog .blog-feature-copy { padding:32px 36px 32px 0; min-width:0; }
.static-blog .blog-topic { display:inline-block; color:#1262ae; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:1px; margin-bottom:12px; }
.static-blog .blog-feature h3 { font-size:30px; line-height:1.3; margin:0 0 15px; }
.static-blog .blog-feature h3 a { color:#2C2D3F; }
.static-blog .blog-feature h3 a:hover { color:#1A76D1; }
.static-blog .blog-meta { color:#556778; font-size:13px; line-height:1.8; margin-bottom:18px; }
.static-blog .blog-feature-copy > p { line-height:1.8; margin-bottom:22px; }
.static-blog .blog-reading-link { display:inline-flex; align-items:center; gap:9px; color:#1262ae; font-weight:600; line-height:1.7; }
.static-blog .blog-reading-link:hover, .static-blog .blog-reading-link:focus-visible { color:#2C2D3F; text-decoration:none; }
.static-blog .blog-reading-link:hover .blog-link-label, .static-blog .blog-reading-link:focus-visible .blog-link-label { text-decoration:underline; text-underline-offset:3px; }
.static-blog .blog-reading-link i { font-size:21px; }
.static-blog .blog-bottom { background:linear-gradient(120deg,#cfe6fa,#e8f3fc); padding:45px 0; }
.static-blog .blog-bottom h2 { color:#1262ae; font-size:30px; line-height:1.3; margin-bottom:12px; }
.static-blog .blog-bottom p { max-width:850px; font-size:16px; line-height:1.8; margin-bottom:24px; }
.static-blog .blog-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.static-blog .blog-actions .btn, .static-blog .blog-actions .btn:hover, .static-blog .blog-actions .btn:focus { color:#fff; }
.static-blog .blog-actions .blog-quote-button { background:#2C2D3F; }
.static-blog .blog-actions .blog-quote-button::before { display:none; }
.static-blog .blog-actions .blog-quote-button:hover { background:#2C2D3F; box-shadow:0 4px 12px rgba(44,45,63,.2); transform:translateY(-1px); }
.static-blog .blog-article { max-width:920px; margin:0 auto; padding:32px 0 60px; overflow-wrap:break-word; }
.static-blog .blog-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:7px 10px; font-size:13px; line-height:1.7; margin-bottom:26px; }
.static-blog .blog-breadcrumb a { color:#1262ae; }
.static-blog .blog-breadcrumb span { color:#556778; }
.static-blog .blog-article-header h1 { font-size:clamp(30px,4vw,44px); font-weight:700; line-height:1.2; letter-spacing:-.6px; margin-bottom:18px; }
.static-blog .blog-article-header .blog-meta { margin-bottom:26px; }
.static-blog .blog-article-header .blog-meta a { color:#1262ae; font-weight:600; text-decoration:underline; text-underline-offset:3px; }
.static-blog .blog-hero-image { display:block; width:100%; height:auto; border-radius:8px; margin-bottom:32px; }
.static-blog .blog-toc { padding:24px 28px; background:#f4f9ff; border-left:4px solid #1A76D1; border-radius:4px; margin-bottom:34px; }
.static-blog .blog-toc h2 { font-size:20px; line-height:1.4; margin-bottom:12px; }
.static-blog .blog-toc ol { list-style:decimal; padding-left:22px; margin:0; }
.static-blog .blog-toc li { line-height:1.7; margin:6px 0; }
.static-blog .blog-toc a { color:#1262ae; }
.static-blog .blog-content { color:#40546a; font-size:16px; line-height:1.8; }
.static-blog .blog-content p { font-size:inherit; line-height:inherit; margin:0 0 18px; }
.static-blog .blog-content h2 { color:#2C2D3F; font-size:28px; line-height:1.3; margin:38px 0 18px; }
.static-blog .blog-content h3 { color:#2C2D3F; font-size:18px; line-height:1.45; margin:0 0 10px; }
.static-blog .blog-content ul, .static-blog .blog-content ol { margin:0 0 20px; padding-left:24px; list-style-position:outside; }
.static-blog .blog-content ul { list-style-type:disc; }
.static-blog .blog-content ol { list-style-type:decimal; }
.static-blog .blog-content li { margin-bottom:10px; }
.static-blog .blog-content a { color:#1262ae; font-weight:500; text-decoration:underline; text-underline-offset:3px; }
.static-blog .blog-content a:hover { color:#2C2D3F; }
.static-blog .blog-content section[id] { scroll-margin-top:120px; }
.static-blog .blog-content figure { margin:30px 0; }
.static-blog .blog-content figure img { width:100%; height:auto; display:block; border-radius:8px; }
.static-blog .blog-faq-item { padding:22px 0; border-top:1px solid #e7edf3; }
.static-blog .blog-faq-item:last-child { border-bottom:1px solid #e7edf3; }
.static-blog .blog-faq-item p { margin:0; }
.static-blog .blog-back { margin-top:30px; }
.static-blog .blog-empty { max-width:820px; padding:15px 0 10px; }
.static-blog .blog-empty p { line-height:1.8; margin-bottom:20px; }
.static-blog .blog-topic-links { max-width:920px; margin-top:40px; }
.static-blog .blog-topic-links .blog-section-heading { font-size:25px; margin-bottom:18px; }
.static-blog .blog-topic-links p { line-height:1.8; margin-bottom:14px; }
.static-blog .blog-topic-links a, .static-blog .blog-author a { color:#1262ae; font-weight:500; text-decoration:underline; text-underline-offset:3px; }
.static-blog .blog-quick-answer { background:#f4f9ff; border-left:4px solid #1A76D1; border-radius:4px; padding:22px 26px; margin:0 0 30px; }
.static-blog .blog-quick-answer h2 { font-size:20px; line-height:1.4; margin-bottom:12px; }
.static-blog .blog-quick-answer p { font-size:16px; line-height:1.8; margin:0; color:#40546a; }
.static-blog .blog-table-scroll { max-width:100%; overflow-x:auto; margin:22px 0; }
.static-blog .blog-table-scroll:focus-visible { outline:3px solid #1A76D1; outline-offset:3px; }
.static-blog .blog-checklist { border-collapse:collapse; width:100%; min-width:500px; font-size:14px; line-height:1.7; }
.static-blog .blog-checklist caption { caption-side:top; color:#40546a; padding:0 0 12px; font-weight:600; text-align:left; }
.static-blog .blog-checklist th, .static-blog .blog-checklist td { border:1px solid #dce7f1; padding:13px 15px; text-align:left; vertical-align:top; }
.static-blog .blog-checklist thead th { background:#e8f3fc; color:#2C2D3F; font-weight:600; }
.static-blog .blog-checklist tbody th { width:30%; color:#2C2D3F; font-weight:600; }
.static-blog .blog-author { border-top:1px solid #e7edf3; margin-top:34px; padding-top:24px; }
.static-blog .blog-author h2 { font-size:20px; line-height:1.4; margin-bottom:12px; }
.static-blog .blog-author p { line-height:1.8; margin:0; }
.static-blog main a:focus-visible, .static-blog .blog-bottom a:focus-visible { outline:3px solid #1A76D1; outline-offset:4px; }
.static-blog .blog-skip { position:absolute; top:-100px; left:16px; z-index:10000; padding:12px 18px; background:#fff; color:#1262ae; }
.static-blog .blog-skip:focus { top:12px; outline:3px solid #1A76D1; }
@media(max-width:991px) {
  .static-blog .blog-feature { gap:26px; }
  .static-blog .blog-feature-copy { padding:26px 26px 26px 0; }
  .static-blog .blog-feature h3 { font-size:25px; }
}
@media(max-width:767px) {
  .static-blog .blog-feature { grid-template-columns:minmax(0,1fr); gap:0; }
  .static-blog .blog-feature-image { height:auto; }
  .static-blog .blog-feature-copy { padding:26px; }
  .static-blog .blog-article { padding-top:26px; }
}
@media(max-width:575px) {
  .static-blog .blog-hero { padding:40px 0; }
  .static-blog .blog-list-section { padding:38px 0 45px; }
  .static-blog .blog-section-heading, .static-blog .blog-bottom h2, .static-blog .blog-content h2 { font-size:25px; }
  .static-blog .blog-toc { padding:20px; }
  .static-blog .blog-actions { align-items:stretch; flex-direction:column; }
  .static-blog .blog-actions .btn { text-align:center; width:100%; }
}

/* Static article archive and category pages. */
.static-blog .blog-category-nav { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:30px; }
.static-blog .blog-category-nav a { border:1px solid #c9dced; border-radius:24px; padding:8px 14px; color:#1262ae; font-size:13px; font-weight:500; line-height:1.5; }
.static-blog .blog-category-nav a[aria-current="page"], .static-blog .blog-category-nav a:hover { background:#1A76D1; border-color:#1A76D1; color:#fff; }
.static-blog .blog-all-heading { margin-top:42px; }
.static-blog .blog-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.static-blog .blog-card { min-width:0; display:flex; flex-direction:column; border:1px solid #e0eaf3; border-radius:8px; overflow:hidden; }
.static-blog .blog-card-image { display:block; background:#f4f9ff; }
.static-blog .blog-card-image img { display:block; width:100%; aspect-ratio:1168/784; height:auto; object-fit:cover; }
.static-blog .blog-card-image img.blog-cover-contain, .static-blog .blog-feature-image img.blog-cover-contain { object-fit:contain; }
.static-blog .blog-card-body { padding:24px; display:flex; flex-direction:column; flex:1; }
.static-blog .blog-card .blog-topic { font-size:11px; letter-spacing:.6px; }
.static-blog .blog-card h3 { font-size:20px; line-height:1.4; margin:0 0 14px; }
.static-blog .blog-card h3 a { color:#2C2D3F; }
.static-blog .blog-card h3 a:hover { color:#1262ae; }
.static-blog .blog-card-body > p:not(.blog-topic):not(.blog-meta) { line-height:1.8; margin-bottom:20px; }
.static-blog .blog-card .blog-reading-link { margin-top:auto; }
.static-blog .blog-related { margin-top:35px; }
.static-blog .blog-content img { max-width:100%; height:auto; }
.static-blog .blog-content > h2, .static-blog .blog-content > h3 { scroll-margin-top:120px; }
@media(max-width:991px) { .static-blog .blog-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:575px) { .static-blog .blog-card-grid { grid-template-columns:minmax(0,1fr); } .static-blog .blog-card-body { padding:22px; } }