/* LS Index - site theme for the index blocks and page sections (matches lattispec.com). */

/* ---------- anchor jumps clear the site's fixed header ---------- */
.lsi-page .e-con[id] { scroll-margin-top: 130px; }
.admin-bar.lsi-page .e-con[id] { scroll-margin-top: 162px; }
@media (max-width: 782px) { .admin-bar.lsi-page .e-con[id] { scroll-margin-top: 166px; } }

/* ---------- dark bands (hero, report) ---------- */
.lsi-dark {
  background-color: #0A1628;
  background-image:
    radial-gradient(55% 60% at 92% 8%, rgba(0, 174, 239, 0.20), rgba(0, 0, 0, 0) 70%),
    radial-gradient(rgba(255, 255, 255, 0.06) 1px, rgba(0, 0, 0, 0) 1.3px),
    linear-gradient(135deg, #0A1628 0%, #150958 100%);
  background-size: auto, 22px 22px, auto;
}
.lsi-glass {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

/* ---------- index blocks in the site's palette ---------- */
.lstdi {
  --lstdi-line: #007FB5;
  --lstdi-strong: #0A1628;
  --lstdi-soft: #4A5872;
  --lstdi-muted: #64748B;
  --lstdi-grid: #E3E8F0;
  --lstdi-axis: #CBD5E1;
  --lstdi-border: #E3E8F0;
  --lstdi-surface: #FFFFFF;
  --lstdi-wash: #F5F9FC;
  --lstdi-badge-bg: #E6F6FC;
  --lstdi-badge-ink: #00557A;
  font-family: "DM Sans", sans-serif;
  color: #334155;
}
.lstdi .lstdi-card, .lstdi .lstdi-lock, .lstdi .lstdi-status { border-radius: 18px; }
.lstdi .lstdi-level, .lstdi .lstdi-tier-ytd, .lstdi .lstdi-tier-name, .lstdi .lstdi-part-title,
.lstdi .lstdi-watchcard h4, .lstdi .lstdi-chips dd, .lstdi .lstdi-lock b, .lstdi .lstdi-co,
.lstdi .lstdi-fact dd, .lstdi .lstdi-mweight {
  font-family: Poppins, sans-serif;
}
.lstdi .lstdi-fact dd { font-size: 40px; font-weight: 600; letter-spacing: -0.8px; line-height: 1.15; }
.lstdi .lstdi-fact dt { font-family: "DM Sans", sans-serif; font-size: 15px; font-weight: 400; letter-spacing: 0; text-transform: none; color: #4A5872; }
.lstdi .lstdi-method { gap: 20px; }
.lstdi .lstdi-mcard { padding: 28px 26px 26px; }
.lstdi .lstdi-mcard .lstdi-tier-id { color: #007FB5; font-size: 12px; letter-spacing: 1.9px; }
.lstdi .lstdi-mweight { font-size: 40px; font-weight: 600; letter-spacing: -0.8px; }
.lstdi .lstdi-mcard .lstdi-tier-name { font-size: 19px; line-height: 1.3; }
.lstdi .lstdi-mdesc { font-size: 15px; line-height: 1.65; }
.lstdi .lstdi-level { font-weight: 600; letter-spacing: -1.2px; }
.lstdi .lstdi-tier-ytd { font-weight: 600; letter-spacing: -0.6px; }
.lstdi .lstdi-tier-name, .lstdi .lstdi-co { font-weight: 600; }
.lstdi .lstdi-part-title { font-size: 21px; font-weight: 600; letter-spacing: -0.2px; margin: 36px 0 14px; }
.lstdi .lstdi-tier-id, .lstdi th, .lstdi .lstdi-kicker, .lstdi .lstdi-chips dt {
  font-family: Raleway, sans-serif; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; font-size: 11px;
}
.lstdi .lstdi-tier { padding: 22px 22px 20px; }
.lstdi .lstdi-chartcard { padding: 22px 22px 10px; }
.lstdi .lstdi-ranges { border-radius: 999px; padding: 4px; }
.lstdi .lstdi-ranges button { border-radius: 999px; padding: 6px 16px; }
.lstdi .lstdi-ranges button[aria-pressed="true"] { background: #0A1628; color: #FFFFFF; }
.lstdi tr.lstdi-group td { background: #F5F9FC; }
.lstdi .lstdi-tablewrap, .lstdi .lstdi-rebal { border-radius: 18px; }
.lstdi .lstdi-lock { text-align: center; padding: 48px 24px; background: #FFFFFF; }
.lstdi .lstdi-lock b { font-size: 22px; font-weight: 600; color: #0A1628; letter-spacing: -0.3px; margin-bottom: 8px; }
.lstdi .lstdi-lock p { max-width: 560px; margin: 0 auto 20px; font-size: 16px; }
.lstdi a.lstdi-btn { background: #00AEEF; color: #FFFFFF; padding: 15px 26px; font-size: 15px; font-weight: 600; }
.lstdi a.lstdi-btn:hover { background: #0098D1; opacity: 1; }
.lstdi .lstdi-status { background: #FFFFFF; }

/* ---------- headline on the dark hero ---------- */
.lsi-dark .lstdi {
  --lstdi-strong: #FFFFFF;
  --lstdi-soft: rgba(255, 255, 255, 0.74);
  --lstdi-muted: rgba(255, 255, 255, 0.62);
  --lstdi-border: rgba(255, 255, 255, 0.16);
  --lstdi-surface: transparent;
  --lstdi-wash: rgba(255, 255, 255, 0.06);
  --lstdi-badge-bg: rgba(0, 174, 239, 0.18);
  --lstdi-badge-ink: #BFEFFF;
  color: #FFFFFF;
}
.lsi-dark .lstdi .lstdi-head { display: block; }
.lsi-dark .lstdi .lstdi-kicker { color: #00AEEF; font-size: 12px; letter-spacing: 1.9px; }
.lsi-dark .lstdi .lstdi-level { font-size: 56px; margin: 8px 0 4px; }
.lsi-dark .lstdi .lstdi-asof { color: rgba(255, 255, 255, 0.62); }
.lsi-dark .lstdi .lstdi-chips { margin-top: 20px; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, 0.14); gap: 10px 28px; }
.lsi-dark .lstdi .lstdi-chips dd { font-size: 20px; font-weight: 600; color: #FFFFFF; }
.lsi-dark .lstdi .lstdi-status { background: transparent; border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.7); }

.lstdi .lstdi-level.lstdi-soon-title { font-size: 30px; letter-spacing: -0.5px; }
.lsi-dark .lstdi .lstdi-level.lstdi-soon-title { font-size: 34px; letter-spacing: -0.6px; margin: 10px 0 8px; }
.lsi-dark .lstdi .lstdi-soon .lstdi-asof { font-size: 15px; line-height: 1.55; }

@media (max-width: 767px) {
  .lsi-dark .lstdi .lstdi-level.lstdi-soon-title { font-size: 30px; }
  .lstdi .lstdi-fact dd, .lstdi .lstdi-mweight { font-size: 32px; }
  .lsi-dark .lstdi .lstdi-level { font-size: 44px; }
  .lstdi .lstdi-lock { padding: 36px 18px; }
}