.blog-article-page main { overflow: visible; }
html:has(body.blog-article-page) { scroll-padding-top: var(--article-sticky-top, 105px); }
.blog-article-page .blog-article-aside {
  top: var(--article-sticky-top, 105px);
  max-height: calc(100dvh - var(--article-sticky-top, 105px) - 24px);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #40536d transparent;
}
.blog-article-page .blog-article-aside nav a {
  margin: 0 0 5px;
  padding: 9px 11px;
  border-radius: 7px;
  transition: color .18s ease, background-color .18s ease;
}
.blog-article-page .blog-article-aside nav a:hover { background: #142133; }
.blog-article-page .blog-article-aside nav a.is-active {
  color: #e2eeff;
  background: #1a2b43;
}
.blog-article-page .blog-article-aside nav a:focus-visible {
  outline: 2px solid #7ca2dd;
  outline-offset: 2px;
}
.blog-article-page .article-copy.longform h2[id] { scroll-margin-top: 12px; }
@media (max-width: 680px) {
  .blog-article-page .blog-article-head h1{font-size:clamp(42px,11vw,69px);overflow-wrap:anywhere;}
  .blog-article-page .blog-article-aside { max-height: none; overflow: visible; }
}
@media (prefers-reduced-motion: reduce) {
  html:has(body.blog-article-page) { scroll-behavior: auto; }
  .blog-article-page .blog-article-aside nav a { transition: none; }
}

.article-byline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:22px;font-size:13px;line-height:1.5;color:#a8b8cc}
.article-byline a{color:#9bc0f4;border-bottom:1px solid #5e7ea6}
.article-decision-aid{border:1px solid #334962;border-radius:12px;background:#101e30;padding:28px;margin:30px 0 38px;min-width:0}
.article-tool-label{color:#9dc0ee;font-size:9px;font-weight:700;letter-spacing:.12em}
.article-copy.longform .article-decision-aid h3{font-size:25px;line-height:1.2;margin:18px 0}
.article-tool-table{max-width:100%;overflow:auto;overscroll-behavior-inline:contain;margin:25px 0;border:1px solid #344960;border-radius:7px}
.article-copy.longform .article-tool-table table{min-width:650px;width:100%;border-collapse:collapse;font-size:13px;line-height:1.6;margin:0}
.article-tool-table th,.article-tool-table td{vertical-align:top;text-align:left;border-bottom:1px solid #2c4059;padding:14px 16px;color:#bdcde1}
.article-tool-table thead th{background:#1c304b;color:#e4efff;font-weight:650}
.article-tool-table tbody th{font-weight:650;color:#deebfc;width:23%}
.article-tool-table tr:last-child td,.article-tool-table tr:last-child th{border-bottom:0}
.article-tool-download{display:inline-flex;gap:20px;align-items:center;min-height:44px;color:#a5caff;font-size:14px;line-height:1.6;border-bottom:1px solid #6387b4;margin-top:9px}
.article-copy.longform .article-tool-note{color:#91a7c3;font-size:13px;line-height:1.6}
.article-decision-aid .product-browser{overflow:hidden;border:1px solid #405673;border-radius:9px;background:#f8fafc;margin-top:28px}
.article-decision-aid .product-browser-bar{display:flex;align-items:center;gap:18px;padding:12px 15px;background:#21334b;color:#b6c5d9;font-size:10px}
.article-decision-aid .product-lights{display:flex;gap:5px}
.article-decision-aid .product-lights i{width:7px;height:7px;border-radius:50%;background:#df8183}.article-decision-aid .product-lights i:nth-child(2){background:#e3bd72}.article-decision-aid .product-lights i:nth-child(3){background:#72bc9b}
.article-decision-aid .product-screen{display:block;line-height:0;cursor:zoom-in}.article-decision-aid .product-screen img{display:block;width:100%;height:auto}
@media(max-width:620px){.article-decision-aid{padding:20px;margin-block:26px}.article-copy.longform .article-decision-aid h3{font-size:23px}.article-byline{flex-direction:column;align-items:flex-start;gap:6px}.article-tool-download{font-size:13px}.article-tool-table{margin-inline:-7px;max-width:calc(100% + 14px)}}