.jce-top-rating,
    .jce-nav {
      font-family: "Poppins", Arial, sans-serif;
      line-height: 1.7;
      letter-spacing: 0;
    }

    .jce-top-rating {
      background: #003366;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      color: #fff;
      font-size: 12px;
      padding: 8px 12px;
      text-align: center;
    }

    .jce-top-rating a {
      color: #fff;
      font-weight: 800;
      text-decoration: underline;
    }

    .navbar {
      align-items: center;
      display: flex;
      position: relative;
    }

    .sticky-top {
      position: sticky;
      top: 0;
    }

    .container-fluid {
      align-items: center;
      display: flex;
      margin: 0 auto;
      padding: 0 22px;
      width: 100%;
    }

    .navbar-brand {
      display: inline-flex;
      flex: 0 0 auto;
      margin-right: 28px;
    }

    .navbar-collapse {
      align-items: center;
      display: flex;
      flex: 1 1 auto;
      justify-content: flex-end;
    }

    .navbar-nav {
      display: flex;
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .nav-item {
      position: relative;
    }

    .nav-link {
      display: block;
      text-decoration: none;
    }

    .dropdown-menu {
      display: none;
      position: absolute;
      top: 100%;
      z-index: 1040;
    }

    .dropdown.show > .dropdown-menu {
      display: block;
    }

    .dropdown-item {
      display: block;
      text-decoration: none;
    }

    .navbar-toggler {
      background: #fff;
      cursor: pointer;
      display: none;
      margin-left: auto;
    }

    .jce-nav {
      background: #fff;
      border-bottom: 1px solid #e7edf3;
      box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
      padding: 10px 0;
      z-index: 1030;
    }

    .jce-nav .navbar-brand {
      align-items: center;
      margin-right: 20px;
      padding: 0;
    }

    .jce-nav .navbar-brand img {
      height: auto;
      max-width: 100%;
      width: 170px;
    }

    .jce-nav .navbar-collapse {
      min-width: 0;
    }

    .jce-nav .navbar-toggler {
      border: 1px solid #d7e0ea;
      border-radius: 8px;
      padding: 9px 11px;
    }

    .jce-nav .navbar-toggler:focus {
      outline: 2px solid rgba(242, 92, 6, 0.3);
    }

    .jce-nav .navbar-toggler-icon {
      background-image: none;
      border-top: 3px solid #0b3558;
      display: block;
      height: 22px;
      position: relative;
      width: 24px;
    }

    .jce-nav .navbar-toggler-icon::before,
    .jce-nav .navbar-toggler-icon::after {
      border-top: 3px solid #0b3558;
      content: "";
      display: block;
      left: 0;
      position: absolute;
      right: 0;
    }

    .jce-nav .navbar-toggler-icon::before {
      top: 6px;
    }

    .jce-nav .navbar-toggler-icon::after {
      top: 15px;
    }

    .jce-nav .navbar-nav {
      align-items: center;
      gap: 4px;
    }

    .jce-nav .nav-link {
      border-radius: 999px;
      color: #0b3558;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0;
      padding: 10px 8px;
      white-space: nowrap;
    }

    .jce-nav .nav-link:hover,
    .jce-nav .nav-link.active,
    .jce-nav .dropdown.show > .nav-link {
      background: #eef5fb;
      color: #082a46;
    }

    .jce-nav .nav-quote {
      background: #f25c06;
      box-shadow: 0 12px 22px rgba(242, 92, 6, 0.22);
      color: #fff;
    }

    .jce-nav .nav-quote:hover {
      background: #d94f00;
      color: #fff;
    }

    .jce-nav .dropdown-menu {
      background: #fff;
      border: 1px solid #e1e8f0;
      border-radius: 8px;
      box-shadow: 0 24px 60px rgba(15, 23, 42, 0.16);
      left: 0;
      margin-top: 12px;
      min-width: 230px;
      max-height: calc(100vh - 150px);
      overflow-y: auto;
      overscroll-behavior: contain;
      padding: 14px;
      -webkit-overflow-scrolling: touch;
    }

    .jce-nav .mega-menu {
      min-width: min(760px, calc(100vw - 24px));
    }

    .jce-nav .mega-grid {
      display: grid;
      gap: 14px;
      grid-template-columns: repeat(3, minmax(170px, 1fr));
    }

    .jce-nav .menu-section {
      min-width: 0;
    }

    .jce-nav .menu-heading {
      background: #fff2e7;
border-left: 4px solid #f25c06;
border-radius: 6px;
color: #7a2f00;
margin: 3px 6px 8px;
padding: 7px 10px;
letter-spacing: 0.06em;
    }

    .jce-nav .dropdown-item {
      border-radius: 8px;
      color: #16324f;
      font-size: 13px;
      font-weight: 500;
      line-height: 1.25;
      padding: 9px 10px;
      white-space: normal;
    }

    .jce-nav .dropdown-item:hover,
    .jce-nav .dropdown-item:focus,
    .jce-nav .dropdown-item.active {
      background: #eef5fb;
      color: #082a46;
    }

    .preview-hero {
      align-items: center;
      display: grid;
      gap: 36px;
      grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
      margin: 0 auto;
      max-width: 1180px;
      min-height: 70vh;
      padding: 70px 24px;
    }

    .preview-hero h1 {
      color: #092b45;
      font-size: clamp(2.8rem, 6vw, 5.8rem);
      letter-spacing: 0;
      line-height: 0.98;
      margin: 0 0 22px;
      max-width: 800px;
    }

    .preview-hero p {
      color: #40566d;
      font-size: 1.16rem;
      line-height: 1.55;
      margin: 0;
      max-width: 570px;
    }

    .preview-card {
      background: #fff;
      border: 1px solid #e2e9f1;
      border-radius: 8px;
      box-shadow: 0 28px 65px rgba(15, 23, 42, 0.12);
      padding: 30px;
    }

    .preview-card strong {
      color: #f25c06;
      display: block;
      font-size: 0.8rem;
      letter-spacing: 0.08em;
      margin-bottom: 10px;
      text-transform: uppercase;
    }

    .preview-card ul {
      line-height: 1.85;
      margin: 0;
      padding-left: 20px;
    }

    @media (min-width: 992px) {
      .jce-nav .mega-menu {
        left: 50%;
        transform: translateX(-50%);
      }

      .jce-nav .dropdown-menu-right-safe {
        left: auto;
        right: 0;
      }
    }

    @media (max-width: 991.98px) {
      .container-fluid {
        align-items: center;
        flex-wrap: wrap;
        padding: 0 14px;
      }

      .navbar-toggler {
        display: inline-block;
      }

      .navbar-collapse {
        display: none;
        flex: 0 0 100%;
        width: 100%;
      }

      .navbar-collapse.show {
        display: block;
      }

      .navbar-nav {
        flex-direction: column;
      }

      .dropdown-menu {
        position: static;
      }

      .jce-nav {
        padding: 10px 0;
      }

      .jce-nav .navbar-collapse {
        background: #fff;
        border-top: 1px solid #e7edf3;
        margin-top: 10px;
        max-height: calc(100vh - 128px);
        overflow-y: auto;
        overscroll-behavior: contain;
        padding: 10px 0 14px;
        -webkit-overflow-scrolling: touch;
      }

      .jce-nav .navbar-nav {
        align-items: stretch;
        gap: 6px;
      }

      .jce-nav .nav-link {
        border-radius: 8px;
        white-space: normal;
      }

      .jce-nav .dropdown-menu {
        border: 0;
        border-left: 3px solid #f25c06;
        box-shadow: none;
        margin: 4px 0 8px 10px;
        max-height: none;
        overflow: visible;
        padding: 8px 0 8px 10px;
      }

      .jce-nav .mega-menu {
        min-width: 0;
      }

      .jce-nav .mega-grid {
        grid-template-columns: 1fr;
      }

      .jce-nav .dropdown-item {
        padding: 10px 12px;
      }

      .preview-hero {
        grid-template-columns: 1fr;
        min-height: auto;
        padding: 44px 18px;
      }
    }

    /* Keep the full navigation collapsed until its links fit on one row. */
    @media (min-width: 992px) and (max-width: 1199.98px) {
      .jce-nav .container-fluid { flex-wrap: wrap; }
      .jce-nav .navbar-toggler { display: inline-block; }
      .jce-nav .navbar-collapse { display: none !important; flex-basis: 100%; }
      .jce-nav .navbar-collapse.show {
        display: block !important;
        padding-top: 16px;
        max-height: calc(100dvh - 128px);
        overflow-y: auto;
        overscroll-behavior: contain;
      }
      .jce-nav .navbar-nav { display: flex; flex-direction: column; align-items: stretch; width: 100%; }
      .jce-nav .dropdown-menu { position: static; width: 100%; margin-top: 0; }
    }
    /* Scoped panels avoid the legacy Bootstrap dropdown colors and type rules. */
    .jce-nav button.nav-link {
      border: 0;
      background: transparent;
      font-family: inherit;
      line-height: 1.5;
      text-align: left;
      cursor: pointer;
    }
    .jce-nav button.nav-link:hover,
    .jce-nav .dropdown.show > button.nav-link { background: #eef5fb; color: #082a46; }
    .jce-nav button.nav-link:focus-visible { outline: 2px solid #236358; outline-offset: 3px; }
    .jce-nav .nav-item > .dropdown-menu.jce-dropdown-panel {
      display: none;
      width: 592px;
      min-width: 0;
      max-width: calc(100vw - 40px);
      margin-top: 10px;
      padding: 22px;
      border: 1px solid #dce4e8;
      border-top: 3px solid #ed6c2b;
      border-radius: 8px;
      background: #fff;
      box-shadow: 0 14px 38px rgba(22, 43, 57, .16);
      color: #183548;
      max-height: calc(100dvh - 125px);
      overflow-y: auto;
    }
    .jce-nav .nav-item.show > .dropdown-menu.jce-dropdown-panel { display: block; }
    .jce-nav .jce-menu-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
    .jce-nav .jce-menu-column { min-width: 0; }
    .jce-nav .jce-menu-column + .jce-menu-column { border-left: 1px solid #e4e9ec; padding-left: 22px; }
    .jce-nav .jce-menu-group + .jce-menu-group { margin-top: 16px; padding-top: 16px; border-top: 1px solid #e4e9ec; }
    .jce-nav p.jce-menu-heading {
      display: flex;
      align-items: center;
      gap: 9px;
      margin: 0 0 8px;
      padding: 0 10px;
      font-size: 12px;
      line-height: 1.5;
      font-weight: 600;
      letter-spacing: 0;
      text-transform: uppercase;
      color: #596c78;
    }
    .jce-nav .jce-menu-heading i { width: 15px; font-size: 13px; color: #426858; text-align: center; }
    .jce-nav a.jce-menu-link {
      display: block;
      min-width: 0;
      min-height: 42px;
      margin: 0;
      padding: 10px;
      border: 0;
      border-radius: 4px;
      background: transparent;
      box-shadow: none;
      font: 500 14px/1.5 "Poppins", Arial, sans-serif;
      letter-spacing: 0;
      color: #183548;
      text-decoration: none;
      white-space: normal;
      overflow-wrap: anywhere;
    }
    .jce-nav a.jce-menu-link:hover { background: #f0f5f6; color: #0d5148; }
    .jce-nav a.jce-menu-link:focus-visible { background: #f0f5f6; outline: 2px solid #236358; outline-offset: -2px; }
    .jce-nav a.jce-menu-link--books { color: #225b52; font-weight: 600; }
    .jce-nav .jce-menu-link-note { display: block; margin-top: 2px; font-size: 12px; line-height: 1.5; font-weight: 400; color: #60726c; }
    @media (max-width: 1199.98px) {
      .jce-nav button.nav-link { width: 100%; }
      .jce-nav .nav-item > .dropdown-menu.jce-dropdown-panel {
        position: static;
        width: 100%;
        max-width: 100%;
        max-height: none;
        margin: 8px 0 12px;
        padding: 18px;
        box-shadow: none;
        overflow: visible;
      }
    }
    @media (max-width: 599.98px) {
      .jce-nav .jce-menu-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
      .jce-nav .jce-menu-column + .jce-menu-column { border-left: 0; padding-left: 0; border-top: 1px solid #e4e9ec; padding-top: 16px; }
      .jce-nav .nav-item > .dropdown-menu.jce-dropdown-panel { padding: 14px 10px; }
      .jce-nav a.jce-menu-link { min-height: 44px; }
    }