/* style */
/* ---------- Left menu: full height by default ---------- */
    @media (min-width: 1025px) {
      .left-sidebar {
        height: calc(100vh - 190px);   /* from below the toolbar to the bottom of the window */
        align-self: flex-start;
        position: sticky;
        top: 100px;
      }
      .left-sidebar.expanded {
        overflow-y: auto;
        overscroll-behavior: contain;
      }
      .left-sidebar::-webkit-scrollbar { width: 6px; }
      .left-sidebar::-webkit-scrollbar-track { background: transparent; margin: 12px 0; }
      .left-sidebar::-webkit-scrollbar-thumb { background: #c9b8ea; border-radius: 999px; }
      .left-sidebar::-webkit-scrollbar-thumb:hover { background: #5a2da2; }
      body.night-mode .left-sidebar::-webkit-scrollbar-thumb { background: #4f4566; }
    }

/* id="sd-menu-style" */
/* ---------- System Design sidebar: collapsible sections ---------- */
.left-sidebar .sidebar-section h3 { margin: 0; padding: 0; }
.left-sidebar .sdmenu-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin: 0 0 4px;
  padding: 7px 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.left-sidebar .sdmenu-toggle:hover { background: #f6f3fc; color: var(--primary); }
.left-sidebar .sdmenu-toggle:focus-visible { outline: 2px solid var(--primary); outline-offset: -2px; }
.left-sidebar .sdmenu-title { flex: 1; }
.left-sidebar .sdmenu-count {
  min-width: 22px;
  padding: 1px 7px;
  border-radius: 999px;
  background: #f1ecfa;
  color: var(--primary);
  font-size: 0.68rem;
  letter-spacing: 0;
  text-align: center;
}
.left-sidebar .sdmenu-chevron { font-size: 0.7rem; transition: transform 0.2s ease; }
.left-sidebar .sdmenu-toggle[aria-expanded="false"] .sdmenu-chevron { transform: rotate(-90deg); }
.left-sidebar .sidebar-menu[hidden] { display: none; }
.left-sidebar .sdmenu-soon {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px 7px 12px;
  border-radius: 8px;
  color: #9aa1ab;
  font-size: 0.92rem;
  line-height: 1.35;
  text-align: left;
  cursor: default;
}
.left-sidebar .sdmenu-soon > span:first-child { flex: 1; }
.left-sidebar .sdmenu-badge {
  flex-shrink: 0;
  padding: 1px 7px;
  border: 1px solid #e6e1ef;
  border-radius: 999px;
  color: #8b8f98;
  font-size: 0.66rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
/* Collapsed sidebar: full-height bar on desktop */
@media (min-width: 1025px) {
  .left-sidebar:not(.expanded) { height: calc(100vh - 190px); }
}
/* Smaller text and tighter spacing for menu links */
.left-sidebar .sidebar-menu { gap: 2px; }
.left-sidebar .sidebar-menu a,
.left-sidebar .sdmenu-soon {
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 0.9rem;
  line-height: 1.35;
}
.left-sidebar .sdmenu-toggle { padding-top: 5px; padding-bottom: 5px; }
/* ---------- System Design sidebar look (works with the old and the new site stylesheet) ---------- */
/* Title: smaller, one line */
.left-sidebar .sidebar-title { font-size: 1.05rem; line-height: 1.3; }
/* Sections: tighter, separated by a thin line */
.left-sidebar .sidebar-section { margin: 0; padding: 6px 0; border-top: 1px solid #f0edf5; }
.left-sidebar .sidebar-header + .sidebar-section { border-top: 0; }
/* Section headings: purple, ~14px, one accent colour, no side bar, not uppercase */
.left-sidebar .sidebar-section h3 {
  margin: 0;
  padding: 0;
  border: 0;
  color: var(--primary);
  font-family: "Poppins", sans-serif;
  font-size: 0.88rem;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: none;
  line-height: 1.3;
}
/* Current page: light purple highlight instead of a solid block */
.left-sidebar .sidebar-menu a.active {
  background: #efe8fb;
  color: var(--primary);
  font-weight: 600;
  box-shadow: none;
  border-color: transparent;
}
/* Room below the last section so it is never cut off */
.left-sidebar.expanded { padding-bottom: 24px; }
/* No section dividers while the sidebar is collapsed */
.left-sidebar:not(.expanded) .sidebar-section { border-top: 0; padding: 0; }
body.night-mode .left-sidebar .sidebar-section { border-top-color: #3b3b45; }
body.night-mode .left-sidebar .sidebar-header + .sidebar-section { border-top: 0; }
body.night-mode .left-sidebar .sidebar-section h3 { color: #cdb9f5; }
body.night-mode .left-sidebar .sidebar-menu a.active { background: #2c2442; color: #cdb9f5; }
/* Bullet before every menu link */
.left-sidebar .sidebar-menu a::before,
.left-sidebar .sdmenu-soon::before {
  content: "";
  flex: 0 0 6px;
  width: 6px;
  height: 6px;
  margin-right: 2px;
  border-radius: 50%;
  background: #b9a5df;
  position: static;
}
.left-sidebar .sidebar-menu a:hover::before { background: var(--primary); }
.left-sidebar .sidebar-menu a.active::before { background: currentColor; }
.left-sidebar .sdmenu-soon::before { background: #d3d6db; }
body.night-mode .left-sidebar .sidebar-menu a::before { background: #6a5a8c; }
body.night-mode .left-sidebar .sidebar-menu a:hover::before,
body.night-mode .left-sidebar .sidebar-menu a.active::before { background: #cdb9f5; }
body.night-mode .left-sidebar .sdmenu-soon::before { background: #4a4a55; }
/* Scroll slider: the open menu scrolls inside the sidebar */
@media (min-width: 1025px) {
  .left-sidebar.expanded {
    max-height: calc(100vh - 190px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}
.left-sidebar::-webkit-scrollbar { width: 6px; }
.left-sidebar::-webkit-scrollbar-track { background: transparent; margin: 12px 0; }
.left-sidebar::-webkit-scrollbar-thumb { background: #c9b8ea; border-radius: 999px; }
.left-sidebar::-webkit-scrollbar-thumb:hover { background: #5a2da2; }
@supports (-moz-appearance: none) {
  .left-sidebar.expanded { scrollbar-width: thin; scrollbar-color: #c9b8ea transparent; }
}
body.night-mode .left-sidebar::-webkit-scrollbar-thumb { background: #4f4566; }
body.night-mode .left-sidebar .sdmenu-toggle:hover { background: #2c2442; color: #cdb9f5; }
body.night-mode .left-sidebar .sdmenu-count { background: #2c2442; color: #cdb9f5; }
body.night-mode .left-sidebar .sdmenu-soon { color: #6f6a7d; }
body.night-mode .left-sidebar .sdmenu-badge { border-color: #3b2f5c; color: #8a8399; }

/* id="nav-dd-style" */
/* ---------- Top menu dropdowns ---------- */
#main-menu .dd-head{display:block;color:#8a7fa8;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
#main-menu .dd-txt{display:flex;flex-direction:column;min-width:0;line-height:1.25;text-align:left}
#main-menu .dd-txt strong{font-weight:600;color:inherit}
#main-menu .dd-ic{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#5a2da2;background:#f1ecfa}
#main-menu .dd-ic i{margin:0!important;width:auto!important;color:inherit!important}
#main-menu .dd-ver{background:linear-gradient(135deg,#421983,#7a4fc4);color:#fff;font-family:'Poppins',sans-serif;font-weight:700}
@media (min-width:1025px){
#main-menu>li.dropdown{position:relative}
#main-menu .dropdown-content.dd-panel{display:none;position:absolute;top:100%;left:50%;min-width:0;width:max-content;margin-top:10px;padding:10px;border:1px solid #ebe5f7;border-radius:16px;background:#fff;box-shadow:0 24px 48px -12px rgba(36,18,69,.3),0 4px 14px rgba(36,18,69,.06);transform:translateX(-50%);z-index:1100;text-align:left;overflow:visible!important}
#main-menu .dd-panel::before{content:"";position:absolute;left:0;right:0;top:-14px;height:16px}
#main-menu .dd-panel::after{content:"";position:absolute;top:-7px;left:50%;width:12px;height:12px;border-left:1px solid #ebe5f7;border-top:1px solid #ebe5f7;background:#fff;transform:translateX(-50%) rotate(45deg)}
#main-menu .dropdown:hover>.dd-mega,#main-menu .dropdown:focus-within>.dd-mega{display:grid;grid-template-columns:repeat(2,minmax(350px,1fr));gap:14px;padding:16px;animation:ddIn .18s ease-out}
#main-menu .dropdown:hover>.dd-simple,#main-menu .dropdown:focus-within>.dd-simple{display:block;animation:ddIn .18s ease-out}
#main-menu .dd-mega .dd-col{gap:4px;padding:8px}
#main-menu .dd-mega .dd-head{padding:4px 12px 10px;font-size:12px}
#main-menu .dd-mega a.dd-item{gap:14px;padding:11px 14px 11px 10px;border-radius:12px}
#main-menu .dd-mega .dd-ic{width:44px;height:44px;border-radius:12px;font-size:18px}
#main-menu .dd-mega .dd-ver{font-size:16px}
#main-menu .dd-mega .dd-txt strong{font-size:15.5px}
#main-menu .dd-mega .dd-txt small{margin-top:4px;font-size:13px}
@keyframes ddIn{from{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%,0)}}
#main-menu .dd-col{display:flex;flex-direction:column;gap:2px;padding:6px}
#main-menu .dd-col-alt{border-radius:12px;background:#f8f5fd}
#main-menu .dd-head{padding:4px 10px 8px}
#main-menu .dropdown-content a.dd-item{display:flex;align-items:center;gap:12px;margin:0;padding:8px 12px 8px 8px;border:0;border-radius:10px;background:transparent;color:#241245;font-size:14.5px;text-decoration:none;white-space:nowrap;transition:background-color .15s ease,box-shadow .15s ease}
#main-menu .dropdown-content a.dd-item::after,#main-menu .dropdown-content a.dd-item::before{display:none}
#main-menu .dropdown-content a.dd-item:hover,#main-menu .dropdown-content a.dd-item:focus-visible{background:#f3eefc;color:#421983;outline:none}
#main-menu .dd-col-alt a.dd-item:hover,#main-menu .dd-col-alt a.dd-item:focus-visible{background:#fff;box-shadow:0 2px 10px rgba(66,25,131,.1)}
#main-menu .dd-ic{width:38px;height:38px;border-radius:10px;font-size:16px;transition:background-color .15s ease,color .15s ease}
#main-menu a.dd-item:hover .dd-ic:not(.dd-ver){background:#421983;color:#fff}
#main-menu .dd-ver{font-size:14px}
#main-menu .dd-txt small{margin-top:3px;color:#6b6585;font-size:12.5px;font-weight:400}
body.night-mode #main-menu .dropdown-content.dd-panel,body.night-mode #main-menu .dd-panel::after{border-color:#3b3b45;background:#1f1e27}
body.night-mode #main-menu .dd-col-alt{background:#26242f}
body.night-mode #main-menu .dropdown-content a.dd-item{color:#e6e1f5}
body.night-mode #main-menu .dropdown-content a.dd-item:hover{background:#2c2442;color:#fff;box-shadow:none}
body.night-mode #main-menu .dd-txt small{color:#a9a3ba}
body.night-mode #main-menu .dd-ic:not(.dd-ver){background:#2c2442;color:#cdb9f5}
}
/* small laptops: open the wide Java panel from the left edge of the Java item so it stays on screen */
@media (min-width:1025px) and (max-width:1199px){
#main-menu .dropdown-content.dd-mega{left:0;transform:none}
#main-menu .dropdown:hover>.dd-mega,#main-menu .dropdown:focus-within>.dd-mega{grid-template-columns:repeat(2,minmax(310px,1fr))}
#main-menu .dd-mega::after{left:36px;transform:rotate(45deg)}
#main-menu .dropdown:hover>.dd-mega,#main-menu .dropdown:focus-within>.dd-mega{animation:ddInL .18s ease-out}
@keyframes ddInL{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
}
@media (max-width:1024px){
#main-menu{overflow-x:hidden}
#main-menu .dd-head{padding:.8rem 1.5rem .3rem 3rem}
#main-menu .dd-col+.dd-col{border-top:1px solid #e9ecef}
#main-menu .dd-txt small{display:none}
#main-menu .dd-ic{width:28px;height:28px;margin-right:.75rem;border-radius:8px;font-size:13px}
#main-menu .dd-ver{font-size:12px}
body.night-mode #main-menu .dd-ic:not(.dd-ver){background:#2c2442;color:#cdb9f5}
}

/* id="jbt-search-style" */
/* ---------- toolbar search button ---------- */
.page-actions .jbt-search-btn{display:inline-flex;align-items:center;gap:10px;min-width:260px;padding:8px 10px 8px 14px;border:1px solid #ddd3f1;border-radius:10px;background:#fff;color:#6b6585;font:500 14px/1.2 Inter,sans-serif;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}
.page-actions .jbt-search-btn:hover,.page-actions .jbt-search-btn:focus-visible{border-color:#7a4fc4;box-shadow:0 0 0 3px rgba(122,79,196,.14);color:#421983;outline:none}
.page-actions .jbt-search-btn i{color:#7a4fc4}
.page-actions .jbt-search-btn span{flex:1;text-align:left}
.page-actions .jbt-search-btn kbd{padding:2px 7px;border:1px solid #e3dcf2;border-radius:6px;background:#f8f5fd;color:#6b6585;font:600 11.5px/1.4 Inter,sans-serif;box-shadow:none}
body.night-mode .page-actions .jbt-search-btn{background:#24242c;border-color:#3b3b45;color:#b9b4c8}
body.night-mode .page-actions .jbt-search-btn kbd{background:#2c2442;border-color:#3b3b45;color:#cdb9f5}
@media (max-width:768px){.page-actions .actions-container{flex-wrap:wrap;gap:10px}.page-actions .action-group{flex-wrap:wrap;gap:8px;max-width:100%}.page-actions .action-group:has(.jbt-search-btn){width:100%}.page-actions .jbt-search-btn{width:100%;min-width:0}.page-actions .jbt-search-btn span{display:inline!important}.page-actions .jbt-search-btn kbd{display:none}}
/* ---------- header search icon (pages without the toolbar) ---------- */
.jbt-header-search{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 14px;margin-left:14px;border:1px solid rgba(255,255,255,.28);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font:600 14px/1 Inter,sans-serif;cursor:pointer;transition:background .2s ease,border-color .2s ease}
.jbt-header-search:hover,.jbt-header-search:focus-visible{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.5);outline:none}
.jbt-header-search kbd{padding:1px 6px;border:1px solid rgba(255,255,255,.3);border-radius:5px;background:transparent;color:rgba(255,255,255,.8);font:600 11px/1.4 Inter,sans-serif;box-shadow:none}
.header-container > nav{margin-left:auto}
@media (max-width:1200px){.jbt-header-search span,.jbt-header-search kbd{display:none}.jbt-header-search{width:40px;padding:0}}
@media (max-width:1024px){.jbt-header-search{order:1;margin-left:auto}.header-container .mobile-menu-btn{order:2;margin-left:6px}.header-container > nav{margin-left:0}}
/* ---------- meta line under the page title ---------- */
p.page-meta.page-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:14px 0 26px;padding:0;color:#6b6585;font-size:14.5px;line-height:1.5;text-align:left}
.page-meta span{display:inline-flex;align-items:center;gap:7px}
.page-meta i{color:#7a4fc4}
.page-meta .page-meta-sep{width:4px;height:4px;border-radius:50%;background:#cdbdec}
body.night-mode .page-meta{color:#b9b4c8}
body.night-mode .page-meta i{color:#cdb9f5}
.kt-hero p.page-meta.page-meta{margin:0 0 22px;color:rgba(255,255,255,.82)}
.kt-hero .page-meta i{color:#00c9a7}
.kt-hero .page-meta .page-meta-sep{background:rgba(255,255,255,.45)}
.page-meta .pm-short{display:none}
@media (max-width:480px){p.page-meta.page-meta{flex-wrap:nowrap;gap:8px;font-size:13px}p.page-meta.page-meta span{gap:5px;white-space:nowrap}.page-meta .pm-long{display:none}.page-meta .pm-short{display:inline}}
/* ---------- search dialog ---------- */
.jbt-s-overlay{position:fixed;inset:0;z-index:5000;display:none;align-items:flex-start;justify-content:center;padding:9vh 16px 16px;background:rgba(20,10,40,.55);backdrop-filter:blur(3px)}
.jbt-s-overlay.open{display:flex;animation:jbtFade .15s ease-out}
@keyframes jbtFade{from{opacity:0}to{opacity:1}}
.jbt-s-box{display:flex;flex-direction:column;width:100%;max-width:840px;max-height:80vh;overflow:hidden;border:1px solid #ebe5f7;border-radius:16px;background:#fff;box-shadow:0 30px 70px rgba(20,10,40,.35);font-family:Inter,sans-serif;text-align:left}
.jbt-s-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #efeaf8}
.jbt-s-head > i{color:#7a4fc4;font-size:18px}
.jbt-s-input{flex:1;min-width:0;padding:6px 0;border:0;background:transparent;color:#241245;font:500 18px/1.4 Inter,sans-serif;outline:none;box-shadow:none}
.jbt-s-input::-webkit-search-cancel-button{display:none}
.jbt-s-close{display:inline-flex;align-items:center;padding:4px 9px;border:1px solid #e3dcf2;border-radius:7px;background:#f8f5fd;color:#6b6585;font:600 12px/1.4 Inter,sans-serif;cursor:pointer}
.jbt-s-close i{display:none}
.jbt-s-chips{display:flex;gap:8px;padding:10px 18px;overflow-x:auto;border-bottom:1px solid #efeaf8;scrollbar-width:none}
.jbt-s-chips::-webkit-scrollbar{display:none}
.jbt-s-chips[hidden]{display:none}
.jbt-s-head,.jbt-s-chips,.jbt-s-foot{flex-shrink:0}
.jbt-s-overlay .jbt-s-chip{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;height:auto;min-height:32px;margin:0;padding:6px 12px!important;line-height:1!important;box-shadow:none;border:1px solid #e3dcf2;border-radius:999px;background:#fff;color:#421983;font:600 13px/1 Inter,sans-serif;cursor:pointer;white-space:nowrap}
.jbt-s-overlay .jbt-s-chip span{padding:2px 6px;border-radius:999px;background:#f1ecfa;font-size:11px}
.jbt-s-overlay .jbt-s-chip[aria-pressed="true"]{border-color:#421983;background:#421983;color:#fff}
.jbt-s-overlay .jbt-s-chip[aria-pressed="true"] span{background:rgba(255,255,255,.2)}
.jbt-s-body{flex:1;overflow-y:auto;padding:8px}
.jbt-s-body:empty{display:none}
.jbt-s-foot{margin-top:auto}
.jbt-s-labelrow{display:flex;align-items:center;justify-content:space-between}
.jbt-s-label{margin:8px 10px 6px;color:#8a7fa8;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.jbt-s-clear{margin-right:10px;padding:0;border:0;background:none;color:#7a4fc4;font:600 12px/1 Inter,sans-serif;cursor:pointer}
.jbt-s-recent{display:flex;flex-wrap:wrap;gap:8px;margin:0 10px 10px;padding:0;list-style:none}
.jbt-s-recent button{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid #e3dcf2;border-radius:999px;background:#faf8fe;color:#3d3d4e;font:500 13.5px/1 Inter,sans-serif;cursor:pointer}
.jbt-s-recent button:hover{border-color:#7a4fc4;color:#421983}
.jbt-s-recent i{color:#b9a5df}
.jbt-s-list{margin:0;padding:0;list-style:none}
.jbt-s-item a{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:10px;color:#241245;text-decoration:none}
.jbt-s-item a:hover,.jbt-s-item.active a{background:#f3eefc}
.jbt-s-ic{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:34px;height:34px;margin-top:2px;border-radius:9px;background:#f1ecfa;color:#5a2da2;font-size:14px}
.jbt-s-item.active .jbt-s-ic{background:#421983;color:#fff}
.jbt-s-txt{flex:1;min-width:0}
.jbt-s-txt strong{display:block;font-size:15px;font-weight:600;line-height:1.35}
.jbt-s-txt mark{padding:0 1px;border-radius:3px;background:#ffe9a8;color:inherit}
.jbt-s-txt small{display:block;margin-top:3px;overflow:hidden;color:#6b6585;font-size:13px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}
.jbt-s-sec{display:inline-block;margin-right:6px;padding:1px 7px;border-radius:999px;background:#f1ecfa;color:#5a2da2;font-size:11.5px;font-weight:700}
.jbt-s-jump{color:#3d3d4e}
.jbt-s-jump i{margin-right:3px;color:#b9a5df;font-size:11px;transform:rotate(90deg) scaleY(-1)}
.jbt-s-go{align-self:center;color:#cdbdec;font-size:13px;opacity:0;transition:opacity .15s ease}
.jbt-s-item.active .jbt-s-go,.jbt-s-item a:hover .jbt-s-go{opacity:1;color:#421983}
.jbt-s-empty{padding:28px 16px;color:#6b6585;font-size:15px;line-height:1.6;text-align:center}
.jbt-s-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:10px 18px;border-top:1px solid #efeaf8;background:#faf8fe;color:#8a7fa8;font-size:12.5px}
.jbt-s-foot kbd{padding:1px 6px;border:1px solid #e3dcf2;border-radius:5px;background:#fff;color:#6b6585;font:600 11px/1.4 Inter,sans-serif;box-shadow:none}
.jbt-s-foot a{color:#421983;font-weight:600;text-decoration:none}
.jbt-s-foot a:hover{text-decoration:underline}
body.night-mode .jbt-s-box{background:#1f1e27;border-color:#3b3b45}
body.night-mode .jbt-s-head,body.night-mode .jbt-s-foot,body.night-mode .jbt-s-chips{border-color:#3b3b45}
body.night-mode .jbt-s-foot{background:#24222f}
body.night-mode .jbt-s-input,body.night-mode .jbt-s-item a{color:#f1edfb}
body.night-mode .jbt-s-item a:hover,body.night-mode .jbt-s-item.active a{background:#2c2442}
body.night-mode .jbt-s-txt small,body.night-mode .jbt-s-empty,body.night-mode .jbt-s-jump{color:#b9b4c8}
body.night-mode .jbt-s-ic,body.night-mode .jbt-s-sec,body.night-mode .jbt-s-overlay .jbt-s-chip span{background:#2c2442;color:#cdb9f5}
body.night-mode .jbt-s-chip,body.night-mode .jbt-s-recent button{background:#24242c;border-color:#3b3b45;color:#d4cfe0}
body.night-mode .jbt-s-overlay .jbt-s-chip[aria-pressed="true"]{background:#6a3fc0;border-color:#6a3fc0;color:#fff}
body.night-mode .jbt-s-foot a{color:#cdb9f5}
@media (max-width:600px){
  .jbt-s-overlay{padding:0}
  .jbt-s-box{max-width:none;height:100%;max-height:none;border:0;border-radius:0}
  .jbt-s-head{padding:12px 14px}
  .jbt-s-input{font-size:17px}
  .jbt-s-close{padding:6px 10px}
  .jbt-s-close .jbt-s-esc{display:none}
  .jbt-s-close i{display:inline;font-size:15px}
  .jbt-s-chips{padding:10px 14px}
  .jbt-s-foot .jbt-s-keys{display:none}
}

/* id="jbt-align-fix" */
/* Left-align body text instead of inheriting justify */
    :where(main.content) :is(p, li) { text-align: left; }

/* id="jbt-heading-style" */
/* Section headings: smaller text, more space above */
    #main-content.content h2 { font-size: 1.6rem; margin-top: 56px; }
    #main-content.content.font-sm h2 { font-size: 1.4rem; }
    #main-content.content.font-lg h2 { font-size: 1.8rem; }
    #main-content.content.font-xl h2 { font-size: 2rem; }
    #main-content.content .soon-box h2 { font-size: 21px; margin: 0 0 10px; }
    @media (max-width: 768px) {
      #main-content.content h2 { font-size: 1.35rem; margin-top: 44px; }
    }

/* id="jbt-icon-only-actions" */
/* Page toolbar: soft brand-tinted chips with short labels
       (Share, Listen, Print and Night mode show labels; font-size buttons use tooltips) */

    /* Search box */
    .page-actions .jbt-search-btn {
      height: 38px; padding: 0 6px 0 12px; border-radius: 8px;
      border: 1px solid #d0d7de; background: #ffffff; color: #57606a; box-shadow: none;
    }
    .page-actions .jbt-search-btn i { color: #57606a; }
    .page-actions .jbt-search-btn:hover { border-color: #8c959f; box-shadow: none; color: #1f2328; }
    .page-actions .jbt-search-btn:focus-visible { border-color: #421983; box-shadow: 0 0 0 3px rgba(66, 25, 131, .15); }
    .page-actions .jbt-search-btn kbd { border: 1px solid #d0d7de; border-radius: 6px; background: #f6f8fa; color: #57606a; padding: 1px 6px; }

    /* Chips */
    .page-actions .action-group:not(:has(.jbt-search-btn)) {
      align-items: center; gap: 8px; flex-wrap: nowrap;
      background: none; border: 0; box-shadow: none; padding: 0; height: auto;
    }
    .page-actions .action-btn:not(.jbt-search-btn) {
      height: 34px; padding: 0 14px; gap: 7px; justify-content: center;
      border: 0; border-radius: 999px; background: #efeaf8; color: #421983;
      font: 600 13px/1 Inter, system-ui, sans-serif; box-shadow: none;
      transition: background-color .15s ease, color .15s ease, transform .1s ease;
    }
    .page-actions .action-btn:not(.jbt-search-btn) > i { font-size: 13px; color: inherit; }
    .page-actions .action-btn:not(.jbt-search-btn) > span { display: inline; }
    .page-actions .action-btn:not(.jbt-search-btn):hover { background: #421983; color: #ffffff; border: 0; transform: none; }
    .page-actions .action-btn:not(.jbt-search-btn):active { transform: scale(.96); }
    .page-actions .action-btn:not(.jbt-search-btn):focus-visible { outline: 2px solid #421983; outline-offset: 2px; box-shadow: none; }
    .page-actions #shareBtn[aria-expanded="true"] { background: #421983; color: #ffffff; }

    /* Labelled chips do not need a tooltip */
    .page-actions #shareBtn::after, .page-actions #shareBtn::before,
    .page-actions #textToSpeechBtn::after, .page-actions #textToSpeechBtn::before,
    .page-actions #printBtn::after, .page-actions #printBtn::before,
    .page-actions #nightModeBtn::after, .page-actions #nightModeBtn::before { display: none; }

    /* Font size: one chip holding three round buttons */
    .page-actions .font-size-controls {
      gap: 0; margin: 0; padding: 0 3px; height: 34px; align-items: center;
      background: #efeaf8; border: 0; border-radius: 999px;
    }
    .page-actions .font-size-controls .action-btn { width: 32px; height: 30px; padding: 0; min-width: 0; background: transparent; }
    .page-actions .font-size-controls .action-btn.active { background: #ffffff; color: #421983; box-shadow: 0 1px 2px rgba(66, 25, 131, .18); }
    .page-actions .font-size-controls .action-btn.active:hover { background: #421983; color: #ffffff; }
    .page-actions .fs-glyph { font-family: Inter, system-ui, sans-serif; font-weight: 700; line-height: 1; }
    .page-actions .action-btn > b.fs-small { font-size: 11px; }
    .page-actions .action-btn > b.fs-large { font-size: 15px; }
    .page-actions .font-size-controls .action-btn > i { font-size: 12px; }

    /* Night mode */
    body.night-mode .page-actions .jbt-search-btn { background: #161b22; border-color: #30363d; color: #8b949e; }
    body.night-mode .page-actions .jbt-search-btn i { color: #8b949e; }
    body.night-mode .page-actions .jbt-search-btn:hover { border-color: #6e7681; color: #e6edf3; }
    body.night-mode .page-actions .jbt-search-btn kbd { background: #21262d; border-color: #30363d; color: #8b949e; }
    body.night-mode .page-actions .action-btn:not(.jbt-search-btn),
    body.night-mode .page-actions .font-size-controls { background: #2f2645; color: #e3d9f5; }
    body.night-mode .page-actions .font-size-controls .action-btn { background: transparent; }
    body.night-mode .page-actions .action-btn:not(.jbt-search-btn):hover,
    body.night-mode .page-actions #shareBtn[aria-expanded="true"] { background: #6a3fc1; color: #ffffff; }
    body.night-mode .page-actions .font-size-controls .action-btn.active { background: #4a3a72; color: #ffffff; box-shadow: none; }
    body.night-mode .page-actions #nightModeBtn > i { color: #f5b301; }
    body.night-mode .page-actions #nightModeBtn:hover > i { color: #ffffff; }

    /* Phones: chips become round icon buttons to fit one row */
    @media (max-width: 768px) {
      .page-actions .action-group:not(:has(.jbt-search-btn)) { width: fit-content; max-width: 100%; justify-content: flex-start; gap: 6px; }
      .page-actions .action-btn:not(.jbt-search-btn) { width: 34px; padding: 0; }
      .page-actions .action-btn:not(.jbt-search-btn) > span { display: none; }
      .page-actions .font-size-controls { width: auto; order: 0; }
      .page-actions .font-size-controls .action-btn { width: 32px; }
    }

/* id="jbt-toolbar-tooltips" */
/* Styled tooltips for the page toolbar (text comes from data-tip) */
    .page-actions .action-btn[data-tip] { position: relative; }
    .page-actions .action-btn[data-tip]::after,
    .page-actions .action-btn[data-tip]::before {
      position: absolute; left: 50%; pointer-events: none; opacity: 0;
      transition: opacity .15s ease, transform .15s ease; z-index: 1000;
    }
    .page-actions .action-btn[data-tip]::after {
      content: attr(data-tip);
      top: calc(100% + 10px);
      transform: translate(-50%, -4px);
      padding: 6px 10px; border-radius: 6px;
      background: #1f1a2e; color: #ffffff;
      font: 500 12px/1.2 Inter, system-ui, sans-serif; letter-spacing: .01em;
      white-space: nowrap; box-shadow: 0 6px 16px rgba(31, 18, 64, .22);
    }
    .page-actions .action-btn[data-tip]::before {
      content: ""; top: calc(100% + 4px);
      transform: translate(-50%, -4px);
      border: 6px solid transparent; border-top: 0; border-bottom-color: #1f1a2e;
    }
    .page-actions .action-btn[data-tip]:hover::after,
    .page-actions .action-btn[data-tip]:hover::before,
    .page-actions .action-btn[data-tip]:focus-visible::after,
    .page-actions .action-btn[data-tip]:focus-visible::before {
      opacity: 1; transform: translate(-50%, 0); transition-delay: .25s;
    }
    /* Keep the last tooltip inside the screen, and hide Share's tooltip while its menu is open */
    .page-actions #nightModeBtn[data-tip]::after { left: auto; right: 0; transform: translateY(-4px); }
    .page-actions #nightModeBtn[data-tip]:hover::after,
    .page-actions #nightModeBtn[data-tip]:focus-visible::after { transform: translateY(0); }
    .page-actions #shareBtn[aria-expanded="true"]::after,
    .page-actions #shareBtn[aria-expanded="true"]::before { display: none; }
    body.night-mode .page-actions .action-btn[data-tip]::after { background: #ece8f5; color: #1f1a2e; box-shadow: 0 6px 16px rgba(0, 0, 0, .4); }
    body.night-mode .page-actions .action-btn[data-tip]::before { border-bottom-color: #ece8f5; }
    @media (hover: none) {
      .page-actions .action-btn[data-tip]::after, .page-actions .action-btn[data-tip]::before { display: none; }
    }

/* id="jbt-share-menu" */
/* Share dropdown: card with a heading, brand-coloured icon badges and a separate "Copy link" row */
    .page-actions .share-options {
      left: 0; right: auto; top: calc(100% + 12px); margin-top: 0;
      min-width: 196px; padding: 6px;
      background: #ffffff; border: 1px solid #e6e0f0; border-radius: 14px;
      box-shadow: 0 16px 40px rgba(31, 18, 64, .16), 0 2px 6px rgba(31, 18, 64, .06);
    }
    .page-actions .share-options.show { animation: jbtShareIn .16s ease-out; }
    @keyframes jbtShareIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
    .page-actions .share-options::before {
      content: "Share this page"; display: block;
      padding: 6px 10px 10px; margin-bottom: 4px;
      border-bottom: 1px solid #efeaf7;
      font: 700 11px/1 Inter, system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase;
      color: #8a7fa8;
    }
    .page-actions .share-option {
      gap: 12px; padding: 8px 10px; border-radius: 10px;
      font: 500 14px/1.2 Inter, system-ui, sans-serif; color: #2b2540 !important;
      transition: background-color .15s ease;
    }
    .page-actions .share-option:hover,
    .page-actions .share-option:focus-visible { background: #f4f0fb; color: #421983 !important; outline: none; }
    .page-actions .share-option > i,
    .page-actions .share-option > svg {
      flex: 0 0 auto; box-sizing: border-box; width: 32px; height: 32px; padding: 8px;
      border-radius: 9px; color: #ffffff; font-size: 16px; line-height: 16px; text-align: center;
    }
    .page-actions .share-option.linkedin > i { background: #0A66C2; }
    .page-actions .share-option.whatsapp > i { background: #25D366; }
    .page-actions .share-option.facebook > i { background: #1877F2; }
    .page-actions .share-option.x > svg { background: #000000; padding: 9px; }
    .page-actions .share-option.link > i { background: #efe9fa; color: #421983; }
    .page-actions .share-option.link { margin-top: 4px; position: relative; }
    .page-actions .share-option.link::before {
      content: ""; position: absolute; left: 10px; right: 10px; top: -4px;
      border-top: 1px solid #efeaf7;
    }
    /* Night mode */
    body.night-mode .page-actions .share-options { background: #221d31; border-color: #3b2f5c; box-shadow: 0 16px 40px rgba(0, 0, 0, .5); }
    body.night-mode .page-actions .share-options::before { color: #a99cc9; border-bottom-color: #3b2f5c; }
    body.night-mode .page-actions .share-option { color: #ece8f5 !important; }
    body.night-mode .page-actions .share-option:hover,
    body.night-mode .page-actions .share-option:focus-visible { background: #2f2645; color: #ffffff !important; }
    body.night-mode .page-actions .share-option.x > svg { background: #ffffff; color: #000000; }
    body.night-mode .page-actions .share-option.link > i { background: #3b2f5c; color: #e3d9f5; }
    body.night-mode .page-actions .share-option.link::before { border-top-color: #3b2f5c; }

/* id="jbt-mobile-header-fix" */
/* Mobile header: the hidden menu's <nav> wraps below the logo with a 15px top margin, leaving an empty strip */
    @media (max-width: 1024px) {
      header[role="banner"] nav { margin: 0; }
    }

/* id="jbt-a11y-fixes" */
.skip-link{position:absolute;left:-9999px;top:8px;z-index:10000;padding:10px 16px;border-radius:8px;background:#421983;color:#fff;font:600 14px/1.2 Inter,system-ui,sans-serif;text-decoration:none}
.skip-link:focus{left:16px;outline:3px solid #f8b500;outline-offset:2px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.footer-newsletter h3.footer-newsletter-title{color:#fff;font-size:1rem;font-weight:700;margin:0 0 .8rem;padding:0;position:static}
.footer-newsletter h3.footer-newsletter-title::after{content:none;display:none}