:root{
  --vmb-navy:#082B5F;
  --vmb-navy-dark:#071B46;
  --vmb-red:#D73434;
  --vmb-light:#F5F7FA;
  --vmb-line:#E2E8F0;
  --vmb-green:#1E7D46;
  --vmb-greenbg:#E9F7EF;
  --vmb-text:#183153;
}

*{box-sizing:border-box}

/* Shared website shell */
.vmb-shell{
  background:#fff!important;
  border-bottom:1px solid var(--vmb-line)!important;
  display:grid!important;
  grid-template-columns:minmax(180px,260px) minmax(220px,1fr) auto!important;
  align-items:center!important;
  gap:1rem!important;
  padding:.48rem 1.15rem!important;
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  box-shadow:0 2px 12px rgba(7,27,70,.06)!important;
  min-height:68px!important;
  font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
}

.vmb-shell-logo{display:flex!important;align-items:center!important;text-decoration:none!important;min-width:0!important;}
.vmb-shell-logo img{width:240px!important;max-width:100%!important;height:auto!important;display:block!important;}

.vmb-shell-title{min-width:0!important;line-height:1.15!important;}
.vmb-shell-title strong{display:block!important;color:var(--vmb-navy)!important;font-size:clamp(1rem,1.6vw,1.3rem)!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.vmb-shell-title span{display:block!important;color:#475569!important;font-size:.78rem!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-top:.15rem!important;}

.vmb-shell-nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:.55rem!important;flex-wrap:nowrap!important;}
.vmb-shell-nav a,.vmb-dropdown-button{color:var(--vmb-navy)!important;text-decoration:none!important;font-weight:850!important;font-size:.92rem!important;padding:.45rem .62rem!important;border-radius:999px!important;background:transparent!important;border:none!important;cursor:pointer!important;font-family:inherit!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;gap:.25rem!important;}
.vmb-shell-nav a:hover,.vmb-dropdown:hover .vmb-dropdown-button,.vmb-dropdown-button:focus{background:#EEF4FF!important;color:var(--vmb-red)!important;outline:none!important;}

.vmb-dropdown{position:relative!important;display:inline-flex!important;}
.vmb-dropdown-menu{display:none!important;position:absolute!important;right:0!important;top:calc(100% + .35rem)!important;min-width:230px!important;background:#fff!important;border:1px solid var(--vmb-line)!important;border-radius:14px!important;box-shadow:0 14px 36px rgba(7,27,70,.16)!important;padding:.45rem!important;z-index:1200!important;}
.vmb-dropdown:hover .vmb-dropdown-menu,.vmb-dropdown:focus-within .vmb-dropdown-menu{display:grid!important;gap:.18rem!important;}
.vmb-dropdown-menu a{display:block!important;border-radius:10px!important;padding:.58rem .7rem!important;color:var(--vmb-navy-dark)!important;}
.vmb-dropdown-menu a[aria-current="page"]{background:#EEF4FF!important;color:var(--vmb-red)!important;}

/* Hide the website shell in generator presentation mode. */
body.presentation .vmb-shell{display:none!important;}

/* Standard VMB page styles */
body.vmb-site-page{margin:0;background:var(--vmb-light);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--vmb-text);}
.vmb-page{max-width:1100px;margin:auto;padding:2.5rem 1.5rem;}
.vmb-page h1{color:var(--vmb-navy);margin-top:0;}
.vmb-page-intro{max-width:720px;line-height:1.55;color:#334155;}
.vmb-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem;}
.vmb-card{display:block;background:#fff;border:1px solid var(--vmb-line);border-radius:18px;padding:1.5rem;text-decoration:none;color:inherit;transition:.2s;}
.vmb-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.08);}
.vmb-card h2{margin-top:0;color:var(--vmb-navy);}
.vmb-version{color:#64748B;font-size:.95rem;margin-bottom:.75rem;font-weight:700;}
.vmb-description{margin-bottom:1rem;line-height:1.5;color:#334155;}
.vmb-badge{display:inline-block;background:var(--vmb-greenbg);color:var(--vmb-green);padding:.35rem .8rem;border-radius:999px;font-weight:800;font-size:.9rem;}

@media(max-width:880px){
  .vmb-shell{grid-template-columns:1fr!important;text-align:center!important;justify-items:center!important;gap:.45rem!important;min-height:auto!important;padding:.6rem .8rem!important;}
  .vmb-shell-logo img{width:min(300px,82vw)!important;}
  .vmb-shell-title strong{white-space:normal!important;}
  .vmb-shell-title span{white-space:normal!important;}
  .vmb-shell-nav{justify-content:center!important;flex-wrap:wrap!important;}
  .vmb-dropdown-menu{left:50%!important;right:auto!important;transform:translateX(-50%)!important;}
}

@media(max-width:520px){
  .vmb-shell-title span{display:none!important;}
  .vmb-shell-nav a,.vmb-dropdown-button{font-size:.84rem!important;padding:.38rem .5rem!important;}
  .vmb-page{padding:1.5rem 1rem;}
  .vmb-cards{grid-template-columns:1fr;}
}