.sl886-frame,
.sl886-home-revamp{
  --sl886-ink:#10244f;
  --sl886-ink2:#163c73;
  --sl886-sub:#38507a;
  --sl886-line:#e6ecf5;
  --sl886-line2:#d7e3f8;
  --sl886-bg1:#f7f9fd;
  --sl886-blue:#1f4e9a;
  --sl886-blue2:#2463c0;
  --sl886-shadow:0 8px 22px rgba(17, 52, 110, 0.04);
}

/* Homepage (type=index) revamp */
.sl886-home-revamp{
  padding-top:14px;
  overflow-x:hidden;
}
.sl886-home-revamp .page-header{
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  border:1px solid #e3ebf8;
  border-radius:16px;
  padding:12px 14px !important;
  margin-bottom:12px;
  box-shadow:var(--sl886-shadow);
}
.sl886-home-revamp .body-content{
  background:linear-gradient(180deg,var(--sl886-bg1) 0%,#fff 45%);
  border:1px solid #e8edf4;
  border-radius:20px;
  padding:16px 16px 6px;
  margin-bottom:18px;
  overflow-x:clip;
}
.sl886-home-revamp .body-content > .row{ margin-left:0; margin-right:0; }
.sl886-home-revamp .body-content > .row > [class*="col-"]{ padding-left:8px; padding-right:8px; }

/* Global frame (all pages): make body-content feel like homepage */
.sl886-frame .body-content{
  background:linear-gradient(180deg,var(--sl886-bg1) 0%,#fff 45%);
  border:1px solid #e8edf4;
  border-radius:20px;
  padding:16px 16px 6px;
  margin-bottom:18px;
  overflow-x:clip;
}
.sl886-frame .body-content > .row{ margin-left:0; margin-right:0; }
.sl886-frame .body-content > .row > [class*="col-"]{ padding-left:8px; padding-right:8px; }

/* Global tabs (PageMenuWidget): match homepage pills across pages */
.sl886-frame #tab-container{
  margin:0 0 10px !important;
  padding:6px 0 4px !important;
  display:block !important;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
}
.sl886-frame #tab-container::-webkit-scrollbar{ width:0; height:0; }
.sl886-frame #tab-container .nav{
  display:inline-flex;
  flex-wrap:nowrap;
  gap:8px;
  padding-left:0 !important;
  border-bottom:0;
  width:max-content;
  max-width:none;
}
@media (min-width: 992px){
  .sl886-frame #tab-container{
    overflow-x:visible;
  }
  .sl886-frame #tab-container .nav{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    max-width:100%;
  }
}
.sl886-frame #tab-container .nav-item{ white-space:nowrap; }
.sl886-frame #tab-container .nav-link{
  border:1px solid var(--sl886-line2) !important;
  border-radius:999px !important;
  padding:6px 12px;
  font-weight:600;
  color:#31558f;
  background:#fff;
}
.sl886-frame #tab-container .nav-link:hover{
  color:var(--sl886-ink2);
  border-color:#b6cdf4 !important;
  background:#f3f8ff;
}
.sl886-frame #tab-container .nav-link.active{
  color:#fff !important;
  background:var(--sl886-blue) !important;
  border-color:var(--sl886-blue) !important;
}

/* Tabs: wrap on desktop, scroll on mobile */
.sl886-home-revamp .sl886-home-tabwrap{
  margin:0 0 10px !important;
  padding:6px 0 4px !important;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
}
.sl886-home-revamp .sl886-home-tabwrap::-webkit-scrollbar{ width:0; height:0; }
.sl886-home-revamp .sl886-home-tabs{
  display:inline-flex !important;
  flex-wrap:nowrap !important;
  gap:8px;
  margin:0;
  padding:0 !important;
  border-bottom:0;
  width:max-content;
  max-width:none;
}
@media (min-width: 992px){
  .sl886-home-revamp .sl886-home-tabwrap{ overflow-x:visible; }
  .sl886-home-revamp .sl886-home-tabs{
    display:flex !important;
    flex-wrap:wrap !important;
    width:100%;
    max-width:100%;
  }
}
.sl886-home-revamp #tab-container .nav-item{ white-space:nowrap; }
.sl886-home-revamp #tab-container .nav-link,
.sl886-home-revamp .sl886-home-tabs .nav-link{
  border:1px solid var(--sl886-line2) !important;
  border-radius:999px !important;
  padding:6px 12px;
  font-weight:600;
  color:#31558f;
  background:#fff;
}
.sl886-home-revamp #tab-container .nav-link:hover,
.sl886-home-revamp .sl886-home-tabs .nav-link:hover{
  color:var(--sl886-ink2);
  border-color:#b6cdf4 !important;
  background:#f3f8ff;
}
.sl886-home-revamp #tab-container .nav-link.active,
.sl886-home-revamp .sl886-home-tabs .nav-link.active{
  color:#fff !important;
  background:var(--sl886-blue) !important;
  border-color:var(--sl886-blue) !important;
}

/* Hero */
.sl886-home-hero{
  background:radial-gradient(circle at 10% 10%,#e7f0ff 0%,#f8fbff 45%,#fff 100%);
  border:1px solid #dbe7ff;
  border-radius:18px;
  padding:20px;
  margin:8px 0 18px;
  box-shadow:0 10px 24px rgba(16, 36, 94, 0.06);
}
.sl886-home-hero__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:4px 10px;
  font-size:12px;
  color:#1658c4;
  border-radius:999px;
  background:rgba(22, 88, 196, 0.11);
  margin-bottom:10px;
}
.sl886-home-hero__analysis{
  margin:10px 0 14px;
}
.sl886-home-hero__analysisAlert{
  border:1px solid rgba(31, 78, 154, 0.18);
  background:rgba(31, 78, 154, 0.06);
}
.sl886-home-hero__analysisLabel{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:800;
  color:var(--sl886-ink);
}
.sl886-home-hero__analysisAlert .btn-link{
  font-weight:700;
  text-decoration:none;
}
.sl886-home-hero__analysisAlert .btn-link:hover{
  text-decoration:underline;
}
.sl886-home-hero__title{
  font-size:clamp(24px,3.6vw,36px);
  font-weight:700;
  color:var(--sl886-ink);
  line-height:1.2;
  margin-bottom:8px;
}
.sl886-home-hero__desc{
  color:var(--sl886-sub);
  max-width:760px;
  margin-bottom:14px;
}
.sl886-home-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.sl886-home-action{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 14px;
  border:1px solid #d4e0f8;
  border-radius:999px;
  color:#12366f;
  background:#fff;
  text-decoration:none;
  font-weight:600;
  font-size:13px;
  transition:all .2s ease;
}
.sl886-home-action:hover{
  background:#12366f;
  color:#fff;
  border-color:#12366f;
}

/* Panels (shared) */
.sl886-panel,
.sl886-home-panel{ /* backward compat for earlier edits */
  background:#fff;
  border:1px solid var(--sl886-line);
  border-radius:16px;
  padding:12px 14px;
  margin-bottom:16px;
  box-shadow:var(--sl886-shadow);
  overflow:hidden;
  max-width:100%;
}
.sl886-panel--chart,
.sl886-home-panel--chart{ padding-top:14px; }
.sl886-home-panel--chart{ padding-top:14px; }
.sl886-home-section-title{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:15px;
  font-weight:700;
  letter-spacing:.2px;
  color:var(--sl886-ink2);
  margin:6px 2px 10px;
}
.sl886-home-section-title i{ font-size:14px; color:var(--sl886-blue2); }
.sl886-chart{ height:460px !important; }
.sl886-home-chart{ height:460px !important; } /* backward compat */
.sl886-home-revamp .btn-group.js-home-range .btn{
  border-color:#c8d7f3;
  color:#294e8a;
}
.sl886-home-revamp .btn-group.js-home-range .btn.active,
.sl886-home-revamp .btn-group.js-home-range .btn:hover{
  background:var(--sl886-blue);
  border-color:var(--sl886-blue);
  color:#fff;
}

@media (max-width: 767px){
  .sl886-home-revamp .body-content{ padding:12px 10px 2px; }
  .sl886-home-hero{ padding:16px 14px; }
  .sl886-home-chart{ height:340px !important; }
}

/* PageHeaderWidget unified chrome */
.sl886-frame .sl886-ph{
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  border:1px solid #e3ebf8;
  border-radius:16px;
  padding:12px 14px;
  margin:12px 0 12px;
  box-shadow:var(--sl886-shadow);
}
.sl886-frame .sl886-ph__title{ gap:10px; }
.sl886-frame .sl886-ph__name{
  font-weight:800;
  letter-spacing:.2px;
  color:var(--sl886-ink);
}
.sl886-frame .sl886-ph__quote{
  color:var(--sl886-ink2);
  font-weight:700;
}
.sl886-frame .sl886-ph__meta{
  margin:6px 0 0;
  color:var(--sl886-sub);
}
.sl886-frame .sl886-ph__code{
  font-weight:700;
  color:var(--sl886-ink2);
}
.sl886-frame .sl886-ph__tag{
  display:inline-flex;
  align-items:center;
  margin-left:8px;
  padding:3px 10px;
  border-radius:999px;
  border:1px solid #dbe7ff;
  background:#f3f8ff;
  color:#1e4f9b;
  text-decoration:none;
  font-weight:700;
  font-size:12px;
}
.sl886-frame .sl886-ph__tag:hover{
  background:#1e4f9b;
  border-color:#1e4f9b;
  color:#fff;
}
.sl886-frame .sl886-ph__actions{
  margin-top:8px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  justify-content:flex-end;
}
.sl886-frame .sl886-ph__actions .btn{
  border-radius:999px;
}
.sl886-frame .sl886-ph__actions .btn.btn-primary{
  background:var(--sl886-blue);
  border-color:var(--sl886-blue);
}
.sl886-frame .sl886-ph__actions .btn.btn-primary:hover{
  filter:brightness(.95);
}
.sl886-frame .sl886-ph__external{ margin-left:auto; }
@media (max-width: 991px){
  .sl886-frame .sl886-ph__actions{
    justify-content:flex-start;
  }
  .sl886-frame .sl886-ph__external{
    margin-left:0;
  }
}