*{box-sizing:border-box}body{margin:0;font:16px/1.7 system-ui,-apple-system,Segoe UI,sans-serif;color:#172b4d;background:#f7f9fd}a{color:#1556a8}a:focus-visible{outline:3px solid #f0ad25;outline-offset:4px}.wrap{max-width:1080px;margin:auto;padding:22px}.top{background:#102b50;color:white}.top a{color:white;text-decoration:none}.nav{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}.hero{padding:54px 0 36px}.hero h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.15;margin:8px 0}.eyebrow{letter-spacing:.15em;font-size:.8rem;text-transform:uppercase;color:#3679cf;font-weight:800}.top .eyebrow{color:#9dc5ff}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:18px}.card{background:white;border:1px solid #dce4ef;border-radius:16px;padding:23px;box-shadow:0 6px 22px #183a6210}.card h2{font-size:1.2rem;line-height:1.35}.card a{text-decoration:none}.card a:hover{text-decoration:underline}.muted{color:#50647e}.article{max-width:790px;margin:28px auto 55px;background:white;border:1px solid #e0e7f1;border-radius:18px;padding:clamp(22px,5vw,55px)}.article h1{font-size:clamp(2rem,4vw,3rem);line-height:1.2}.article h2{margin-top:32px;line-height:1.3}.article p{margin:14px 0}.callout{border-left:4px solid #d59c2d;background:#fff8e7;padding:14px 20px;margin-top:30px}.footer{background:#102b50;color:#e2ebfa;padding:24px 0;margin-top:60px}.footer a{color:white}.chips{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.chips a{padding:6px 12px;border-radius:20px;background:#e6eefb;text-decoration:none}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:white;padding:10px;z-index:9}@media(max-width:600px){.wrap{padding:16px}.article{margin:12px;padding:22px}}

/* QBMFX BLOG WCAG CONTRAST FIX */
.eyebrow {
  color: #245da8;
}

/* QBMFX mobile-friendly back navigation */
.qbmfx-back-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 18px;
  max-width: 1100px;
  margin: 16px auto 24px;
  padding: 0 20px;
}
.qbmfx-back-nav a {
  display: inline-block;
  color: #245da8;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
  padding: 10px 2px;
}
.qbmfx-back-nav a:focus-visible {
  outline: 3px solid #245da8;
  outline-offset: 3px;
}
@media (max-width: 600px) {
  .qbmfx-back-nav {
    gap: 4px 14px;
    margin: 10px auto 18px;
    padding: 0 16px;
  }
  .qbmfx-back-nav a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
}