/* Ads Intelligence: client-facing, independent visual namespace. */
.vads-hero{position:relative;overflow:hidden;border-radius:28px;padding:44px 42px;margin-bottom:32px;background:radial-gradient(circle at 95% 12%,rgba(49,191,253,.28),transparent 42%),linear-gradient(125deg,#15193b,#34309a 57%,#6150d5);color:#fff;box-shadow:0 28px 60px rgba(39,34,105,.18)}
.vads-hero:after{content:"✦";position:absolute;font-size:230px;opacity:.075;right:16px;top:-30px;pointer-events:none}
.vads-hero h1{position:relative;z-index:1;max-width:750px;font-size:clamp(30px,4.2vw,49px);line-height:1.12;letter-spacing:-.045em;color:#fff!important;margin:14px 0 18px}
.vads-hero p{position:relative;z-index:1;max-width:725px;color:#e9eaff;font-size:15px;line-height:1.65;margin:0 0 24px}
.vads-kicker{color:#97dcff;letter-spacing:.14em;font-size:11px;font-weight:850}
.vads-hero-actions,.vads-pills{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:11px}
.vads-hero-actions a{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.5);border-radius:12px;padding:12px 18px;background:white!important;color:#35318f!important;text-decoration:none;font-weight:780;font-size:13px}
.vads-hero-actions a+a{background:rgba(255,255,255,.12)!important;color:white!important}
.vads-pills{margin-top:28px}.vads-pills span{border:1px solid rgba(255,255,255,.25);border-radius:99px;padding:7px 11px;color:#eff3ff;font-size:11px}
.vads-course{margin:26px 0;padding:25px 28px;border:1px solid #dedcfa;border-radius:22px;background:#f4f3ff;color:#22214f}.vads-course strong{display:block;font-size:20px}.vads-course p{margin:6px 0 13px;color:#56607d}.vads-course a{font-weight:800;color:#4f48ca}
@media(max-width:640px){.vads-hero{padding:28px 21px;border-radius:20px}.vads-hero h1{font-size:30px}.vads-hero-actions a{width:100%;justify-content:center}}
/* Seven documentation tabs: protect the header from crowding on laptops. */
@media (min-width:1081px) and (max-width:1550px){
  .topbar{grid-template-columns:205px minmax(0,1fr) 48px auto;gap:10px;padding-left:12px;padding-right:12px}
  .hub-tabs{min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none}
  .hub-tabs::-webkit-scrollbar{display:none}
  .hub-tabs a{flex:0 0 auto;padding:7px 8px;font-size:11px}
  .search-trigger{width:44px;min-width:44px;justify-content:center;padding:0}
  .search-trigger span,.search-trigger kbd{display:none}
}