* { font-family: 'Mont', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important; letter-spacing:0!important; }
html { font-size: 17px; background: #110033; }
h1, h2, h3, h4, h5, h6 { color: #220066; text-decoration: none; }
h1 { font-weight: 900 !important; }
h2 { font-weight: 700 !important; }
p { font-weight: 400 !important; text-decoration: none; color: #220066; }

.docs-footer .hidden.md\:inline-block.font-bold.mx-1,
.docs-footer .rounded { display: none; }

.docs-shadow {
  box-shadow:0 2px 4px rgba(17,0,51,.05),0 8px 24px rgba(17,0,51,.08) !important;
  border: 1px solid rgba(17,0,51,.07);
}

.docs-footer { margin-top: 3.75rem; }
ul.docs-footer-menu.w-full.flex.flex-row.justify-center.text-xs { flex-wrap: wrap; }
.docs-footer .flex-wrap span { font-size: clamp(.75rem,2.5vw,1rem); font-weight: 700; color: #110033; margin-bottom: .5rem; }
.docs-footer .w-full.opacity-75 { opacity: 1; margin-bottom: 0; }
.docs-header-site-logo { height: 1.75rem; margin: auto; }
.docs-header .absolute.top-0.mt-\[-0\.4rem\].md\:pl-8.right-0.w-full.z-50 { margin-top: .4rem; }
.docs-header .mt-8 { margin-top: .775rem; }
.docs-header .mb-8 { margin-bottom: .775rem; }

.docs-top-menu-item { color: #f3edde; font-size: 1rem; font-weight: 900; text-transform: uppercase; border-radius: 8px !important; transition: background-color .18s ease, color .18s ease; }
.docs-top-menu-item:focus-visible { outline: 2px solid #00eeff33; outline-offset: 2px; border-radius: 8px; }
.docs-top-menu li a:hover { background: #f3edde; color: #110033; }
.docs-top-menu li.active a { background: #f3edde; color: #110033; box-shadow: inset 0 -3px 0 #b8f818; }

.docs-footer-menu a { color: #110033; text-decoration: none !important; padding: clamp(.25rem,1.5vw,.35rem) clamp(.4rem,1.5vw,.65rem); font-size: clamp(.775rem,2.5vw,1rem); font-weight: 900; text-transform: uppercase; line-height: 2.2; border-radius: 8px !important; transition: background-color .18s ease, color .18s ease; }
.docs-footer-menu a:hover { background: transparent; color: #4302b2; text-decoration: underline !important; text-decoration-thickness: 2px !important; text-underline-offset: 4px; }
.docs-footer-menu a:focus-visible { outline: 2px solid #00eeff33; outline-offset: 2px; border-radius: 8px; }

.rounded-lg { border-radius: 14px; }

.docs-site-breadcrumb-tag { background: #f3edde; color: #110033; border: 1px solid #00eeff33; border-radius: 8px; }
.docs-categories-tags a, .docs-article-tags a { color: #4302b2; }
.docs-categories-tags a:hover, .docs-article-tags a:hover { color: #110033; text-decoration: none; }
.docs-site-overview .text-center.mt-10.mb-10.md\:mb-20.px-5 {padding-top:clamp(2rem,4vw,3.5rem);padding-bottom:clamp(2rem,4vw,3.5rem);margin:0!important;}
.docs-site-header-title {font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:900;color:#110033;line-height:1.05;}
.docs-site-header-subtitle {color:#5b4f8a;font-size:clamp(1rem,1.5vw,1.15rem);font-weight:400;margin-top:.5rem;}
.pagination li {border-radius: 8px;border: 1px solid rgba(17,0,51,.1);transition: border-color .2s ease, background .2s ease;}
.pagination li:hover {background-color: rgba(67,2,178,.06);border-color: rgba(67,2,178,.25);}
.pagination li.active {background-color: #110033;border-color: #110033;color: #f3edde;font-weight: 900;text-decoration: none;}
.pagination li.active a {color: #f3edde !important;}
.docs-pagination a {color: #4302b2;font-weight: 900;text-decoration: none;}
.docs-pagination a:hover {color: #110033;}

.docs-site-article-list-item { border: 1px solid rgba(17,0,51,.08); border-radius: 14px; transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease; }
.docs-site-article-list-item:hover { border-color: rgba(67,2,178,.2); transform: translateY(-2px); }

.docs-site-article-list-item small.bg-gray-100 { text-transform: uppercase; padding: .35rem .75rem; background: #00eeff0d; border: 1px solid #00eeff33; font-weight: 700; border-radius: 999px; font-size: .7rem; color: #4302b2; }
.docs-site-article-list-item a.text-gray-650 { margin-bottom: .25rem; padding: 1rem; }
.docs-site-article-list-item-image img{width: 100%;height: 100%;object-fit:cover;object-position:center;}

/* ── Title — tighter, more impactful ── */
.docs-article .docs-article-title {
  font-weight: 900;
  color: #110033;
  font-size: clamp(1.6rem, 2.2vw, 2.2rem);
  line-height: 1.06;
  margin-bottom: .35rem;
}

/* ── Subtitle — uppercase accent ── */
.docs-article .docs-article-subtitle {
  color: rgba(17,0,51,.5);
  font-size: clamp(.85rem, 1vw, .95rem);
  line-height: 1.55;
  font-weight: 700;
  text-transform: none;
}

.docs-article .docs-article-image {
  border-radius: 14px !important;
  overflow: hidden !important;
}

.docs-article .docs-article-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* ── H2 — full rule chapter break ── */
.docs-article h2 {
  font-size: clamp(1.5rem, 2.2vw, 2rem);
  line-height: 1.1;
  margin: 3rem 0 0 0;
  color: #110033;
  font-weight: 900;
  position: relative;
  padding-top: 0;
  border: none;
  background: none;
  display: block;
  text-transform: none;
}
.docs-article h2:not(.docs-article-subtitle) {
  padding-top: 0;
}
.docs-article h2:not(.docs-article-subtitle)::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(17,0,51,.15), transparent 80%);
  margin-bottom: 1.25rem;
  border-radius: 0;
}

/* ── H3 — bold uppercase ── */
.docs-article h3 {
  font-size: clamp(.9rem, 1.2vw, 1.05rem);
  line-height: 1.2;
  margin: 1.75rem 0 0 0;
  color: #4302b2;
  font-weight: 900;
  text-transform: uppercase;
}

/* ── H6 — eyebrow ── */
.docs-article h6 {
  font-size: .7rem;
  text-transform: uppercase;
  color: #4302b2;
  margin: 2rem 0 .25rem 0;
  font-weight: 900;
}

/* ── Opening lead paragraph ── */
.docs-article p:first-of-type {
  font-size: clamp(1.05rem, 1.3vw, 1.2rem);
  line-height: 1.8;
  color: rgba(17,0,51,.85);
  font-weight: 500;
  margin: 1.25rem 0 0 0;
}

.docs-article > div:last-of-type h2:last-of-type {
  color: rgba(17,0,51,.45);
  font-size: clamp(1rem, 1.4vw, 1.2rem);
}

/* ── Body ── */
.docs-article p {
  font-size: 1rem;
  line-height: 1.82;
  color: rgba(17,0,51,.75);
  margin: 1.15rem 0 0 0;
}

/* ── Lists ── */
.docs-article ul,
.docs-article ol {
  margin: 1.25rem 0 0 0;
  padding-left: 1.4rem;
}
.docs-article li {
  margin: .55rem 0;
  color: rgba(17,0,51,.75);
  line-height: 1.75;
}
.docs-article ol li p,
.docs-article ul li p { margin: .45rem 0; }

/* ── Links ── */
.docs-article a {
  color: #4302b2;
  text-decoration: underline;
  text-decoration-thickness: .1em;
  text-underline-offset: .22em;
  text-decoration-color: rgba(67,2,178,.25);
  transition: color .15s ease, text-decoration-color .15s ease;
  font-weight: 700;
}
.docs-article a:hover,
.docs-article a:focus-visible {
  color: #110033;
  text-decoration-color: rgba(17,0,51,.45);
}
.docs-article a:focus-visible {
  outline: 2px solid rgba(67,2,178,.4);
  outline-offset: 3px;
  border-radius: 8px;
}
.docs-article a.no-underline { text-decoration: none; }

/* ── Pull quote — Tudum style ── */
.docs-article blockquote {
  border-left: none;
  background: none;
  border-top: 3px solid #110033;
  border-bottom: 3px solid #110033;
  color: #110033;
  padding: 1.25rem 0;
  border-radius: 0;
  font-style: normal;
  margin: 2.5rem 0 0 0;
  font-size: clamp(1.15rem, 1.6vw, 1.4rem);
  font-weight: 900;
  line-height: 1.3;
}

/* ── Code ── */
.docs-article code {
  padding: .2rem .45rem;
  font-size: .85rem;
  font-weight: 700;
  color: #4302b2;
  background: rgba(67,2,178,.06);
  border: 1px solid rgba(67,2,178,.15);
  border-radius: 6px;
}

/* ── Table ── */
.docs-article table {
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(17,0,51,.1);
  margin: 2rem 0 0 0;
}
.docs-article table tr {
  border-top: 1px solid rgba(17,0,51,.07);
  font-size: .95rem;
}
.docs-article table tr th {
  background: #110033;
  color: #f3edde;
  font-size: .8rem;
  font-weight: 900;
  text-transform: uppercase;
  padding: .75rem 1rem;
}
.docs-article table tr th p { font-size: .8rem; color: #f3edde; }
.docs-article table td { color: rgba(17,0,51,.75); }

/* ── Video ── */
.docs-article-video-container {
  border: 1px solid rgba(67,2,178,.2);
  border-radius: 14px;
  overflow: hidden;
}
.docs-article iframe {
  border-radius: 14px;
  padding: .75rem;
}

/* ── Border separator ── */
.docs-article .border-gray-200 {
  border-color: rgba(17,0,51,.1) !important;
}

.docs-search-hit, .text__highlight.docs-search-hit { background: #b8f81833; color: #110033; box-shadow: 0 0 0 2px #b8f81833; }
.spm-heading-link { display: none; }