/* Local token set. Remap these if the site gains a shared token system. */
  .u4m-vtabs {
    --vt-navy: #002E6E;
    --vt-teal: #05CBBF;
    --vt-slate: #213343;
    --vt-muted: #5B7083;
    --vt-display: Lora, Georgia, serif;
    --vt-gutter: 38px;
    --vt-panel-pad: 56px;

    width: 100%;
    padding: 104px 0 120px;
    color: var(--vt-slate);
    font-family: Inter, system-ui, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
  }
  .u4m-vtabs *, .u4m-vtabs *::before, .u4m-vtabs *::after { box-sizing: border-box; }
  .u4m-vtabs .vt-page-center { max-width: 1200px; margin: 0 auto; padding: 0 var(--vt-gutter); }

  /* Edge bleed needs the panel to extend past the container; clip so the page never scrolls sideways. */
  .u4m-vtabs.vt-bleed { overflow-x: hidden; }
  @supports (overflow: clip) { .u4m-vtabs.vt-bleed { overflow-x: clip; } }

  /* Header */
  .u4m-vtabs .vt-head { max-width: 760px; margin-bottom: 56px; }
  .u4m-vtabs .vt-eyebrow { margin: 0 0 16px; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--vt-navy); }
  .u4m-vtabs .vt-title { margin: 0 0 16px; font-family: var(--vt-display); font-weight: 400; font-size: 54px; line-height: 1.1; letter-spacing: -.01em; color: var(--vt-navy); }
  .u4m-vtabs .vt-sub { margin: 0; font-size: 19px; color: var(--vt-muted); }

  .u4m-vtabs .vt-layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 40px; align-items: start; }

  /* Tabs: tinted pills, no icons */
  .u4m-vtabs .vt-rail { display: flex; flex-direction: column; gap: 6px; position: sticky; top: 24px; }
  .u4m-vtabs .vt-tab {
    appearance: none; -webkit-appearance: none; border: 0; margin: 0; text-align: left; cursor: pointer;
    padding: 15px 22px; border-radius: 16px; background: transparent;
    font: 500 17px/1.3 Inter, system-ui, sans-serif; color: var(--vt-slate);
    transition: background .2s ease, color .2s ease;
  }
  .u4m-vtabs .vt-tab:hover { background: rgba(0, 46, 110, .05); }
  .u4m-vtabs .vt-tab:focus-visible { outline: 2px solid var(--vt-teal); outline-offset: 2px; }
  .u4m-vtabs .vt-tab[aria-selected="true"] { background: radial-gradient(60% 80% at 90% 0%, rgba(5, 203, 191, .42), transparent 70%), radial-gradient(50% 60% at 0% 100%, rgba(77, 152, 255, .25), transparent 70%), linear-gradient(135deg, #002E6E 0%, #0A1A4D 100%); color: #fff; font-weight: 600; box-shadow: inset 0 0 0 1px rgba(5, 203, 191, .35); }

  /* Gradient glow panel (every tab) */
  .u4m-vtabs .vt-panels {
    position: relative; min-width: 0; padding: var(--vt-panel-pad); border-radius: 28px; color: #fff; overflow: hidden;
    background: radial-gradient(60% 80% at 90% 0%, rgba(5, 203, 191, .42), transparent 70%), radial-gradient(50% 60% at 0% 100%, rgba(77, 152, 255, .25), transparent 70%), linear-gradient(135deg, #002E6E 0%, #0A1A4D 100%);
    box-shadow: 0 30px 70px rgba(0, 46, 110, .28);
  }
  /* Bleed applies from tablet-landscape up to 1800px wide; wider screens fall back to the contained panel. */
  @media (min-width: 961px) and (max-width: 1800px) {
    .u4m-vtabs.vt-bleed .vt-panels {
      border-radius: 28px 0 0 28px;
      margin-right: calc(-1 * ((100vw - min(100vw, 1200px)) / 2 + var(--vt-gutter)));
      padding-right: calc(var(--vt-panel-pad) + (100vw - min(100vw, 1200px)) / 2);
    }
  }

  .u4m-vtabs .vt-panel[hidden] { display: none; }
  .u4m-vtabs .vt-panel { animation: vt-in .35s ease; }
  .u4m-vtabs .vt-panel:focus-visible { outline: 2px solid var(--vt-teal); outline-offset: 6px; border-radius: 8px; }
  @keyframes vt-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }

  .u4m-vtabs .vt-h3 { margin: 0 0 16px; font-family: var(--vt-display); font-weight: 400; font-size: 38px; line-height: 1.15; color: #fff; }

  /* Rich text on the dark panel */
  .u4m-vtabs .vt-body { margin: 0 0 24px; font-size: 18px; color: rgba(255, 255, 255, .88); }
  .u4m-vtabs .vt-body > :first-child { margin-top: 0; }
  .u4m-vtabs .vt-body > :last-child { margin-bottom: 0; }
  .u4m-vtabs .vt-body p { margin: 0 0 16px; }
  .u4m-vtabs .vt-body h4, .u4m-vtabs .vt-body h5 { margin: 24px 0 8px; color: #fff; }
  .u4m-vtabs .vt-body a { color: var(--vt-teal); text-decoration: underline; text-underline-offset: 3px; }
  .u4m-vtabs .vt-body ul { margin: 0 0 16px; padding: 0; list-style: none; }
  .u4m-vtabs .vt-body ul li { position: relative; margin: 0 0 12px; padding-left: 30px; color: #fff; }
  .u4m-vtabs .vt-body ul li::before { content: ""; position: absolute; left: 0; top: 9px; width: 14px; height: 14px; border-radius: 50%; background: var(--vt-teal); box-shadow: 0 0 0 5px rgba(5, 203, 191, .2); }
  .u4m-vtabs .vt-body ol { margin: 0 0 16px; padding-left: 22px; }

  /* Buttons: teal primary, white-outline secondary */
  .u4m-vtabs .vt-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
  .u4m-vtabs .vt-btn {
    display: inline-flex; align-items: center; gap: 8px; padding: 15px 28px; border-radius: 999px;
    background: var(--vt-teal); color: var(--vt-navy); font-size: 16px; font-weight: 600; line-height: 1.2; text-decoration: none; text-transform: uppercase; letter-spacing: 0.1em;
    transition: background .2s ease, color .2s ease, transform .2s ease;
  }
  .u4m-vtabs .vt-btn:hover { background: #fff; color: var(--vt-navy); transform: translateY(-2px); }
  .u4m-vtabs .vt-btn:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
  .u4m-vtabs .vt-btn-ghost { background: transparent; color: #fff; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .55); }
  .u4m-vtabs .vt-btn-ghost:hover { background: #fff; color: var(--vt-navy); }

  /* Cards: frosted */
  .u4m-vtabs .vt-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 28px 0 32px; }
  .u4m-vtabs .vt-cards-1 { grid-template-columns: minmax(0, 1fr); }
  .u4m-vtabs .vt-cards-2, .u4m-vtabs .vt-cards-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .u4m-vtabs .vt-card { padding: 26px; border-radius: 20px; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .22); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
  .u4m-vtabs .vt-stat { margin-bottom: 12px; font-family: var(--vt-display); font-size: 44px; line-height: 1; color: var(--vt-teal); }
  .u4m-vtabs .vt-card-title { margin: 0 0 6px; font-size: 17px; font-weight: 600; color: #fff; }
  .u4m-vtabs .vt-card-text { margin: 0; font-size: 15px; color: rgba(255, 255, 255, .74); }

  /* Image and video */
  .u4m-vtabs .vt-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 48px; align-items: center; }
  .u4m-vtabs .vt-split-left .vt-media { order: -1; }
  .u4m-vtabs .vt-split-noimg { grid-template-columns: minmax(0, 1fr); }
  .u4m-vtabs .vt-media { border-radius: 22px; overflow: hidden; }
  .u4m-vtabs .vt-media img { display: block; width: 100%; height: auto; }
  .u4m-vtabs .vt-video { position: relative; aspect-ratio: 16 / 9; margin: 28px 0 8px; }
  .u4m-vtabs .vt-video iframe, .u4m-vtabs .vt-video video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: #000; }
  .u4m-vtabs .vt-caption { margin: 8px 0 20px; font-size: 14px; color: rgba(255, 255, 255, .65); }

  /* Tablet and mobile: horizontal pill row, panel stays inside the page margins */
  @media (max-width: 960px) {
    .u4m-vtabs { --vt-gutter: 20px; --vt-panel-pad: 28px; padding: 56px 0; }
    .u4m-vtabs .vt-title { font-size: 38px; }
    .u4m-vtabs .vt-sub { font-size: 17px; }
    .u4m-vtabs .vt-head { margin-bottom: 32px; }
    .u4m-vtabs .vt-layout { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .u4m-vtabs .vt-rail { flex-direction: row; overflow-x: auto; position: static; gap: 8px; padding-bottom: 4px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
    .u4m-vtabs .vt-rail::-webkit-scrollbar { display: none; }
    .u4m-vtabs .vt-tab { flex: none; padding: 10px 18px; border-radius: 999px; font-size: 15px; background: rgba(0, 46, 110, .05); white-space: nowrap; }
    .u4m-vtabs .vt-tab[aria-selected="true"] { background: radial-gradient(60% 80% at 90% 0%, rgba(5, 203, 191, .42), transparent 70%), radial-gradient(50% 60% at 0% 100%, rgba(77, 152, 255, .25), transparent 70%), linear-gradient(135deg, #002E6E 0%, #0A1A4D 100%); }
    .u4m-vtabs .vt-panels { padding: var(--vt-panel-pad); border-radius: 24px; }
    .u4m-vtabs .vt-h3 { font-size: 28px; }
    .u4m-vtabs .vt-body { font-size: 16px; }
    .u4m-vtabs .vt-cards, .u4m-vtabs .vt-cards-2, .u4m-vtabs .vt-cards-4, .u4m-vtabs .vt-split { grid-template-columns: minmax(0, 1fr); }
    .u4m-vtabs .vt-split { gap: 24px; }
    .u4m-vtabs .vt-split-left .vt-media { order: 0; }
  }

  @media (prefers-reduced-motion: reduce) {
    .u4m-vtabs .vt-panel { animation: none; }
    .u4m-vtabs .vt-tab, .u4m-vtabs .vt-btn { transition: none; }
  }