/* —— Plain TOC: no shadow/bullets/indents —— */
nav.xpl-toc{
  background: #f3f8fd!important; border: 0; box-shadow: none; border-radius: 10px;
  padding: 20px; color: #122751; font-size: 16px; line-height: 1.45;
}
nav.xpl-toc.is-sticky{ position: sticky; top: 100px; }

/* Header + underline */
nav.xpl-toc .xpl-toc__header{
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  margin-bottom:14px; padding-bottom:12px; border-bottom:1px solid #122751; /* underline */
}
nav.xpl-toc .xpl-toc__title{
  font-weight: 400;           /* your spec */
  font-size: 1rem;           /* your spec */
  line-height: 20px;          /* your spec */
	  text-transform: uppercase;
}

/* Hide the toggle button */
nav.xpl-toc .xpl-toc__toggle{ display:none !important; }

/* No bullets/indents */
nav.xpl-toc .xpl-toc__list,
nav.xpl-toc .xpl-toc__sublist{
  list-style: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important;
}
nav.xpl-toc .xpl-toc__item{ margin: 14px 0; }  /* spacing like inspo */

/* Links: .9rem, weight 400 */
nav.xpl-toc .xpl-toc__link{
  display:block; text-decoration:none; color: #122751!important;
  font-size:.9rem; font-weight:400; line-height: 1.4rem;       /* your spec */
}
nav.xpl-toc .xpl-toc__link:hover{ color:#0551d8!important; text-decoration: none!important; }

/* Active = bolder only (no left bar) */
nav.xpl-toc .xpl-toc__link.is-active{ font-weight:800; color: #0551d8;}
nav.xpl-toc .xpl-toc__link.is-active::before{ display:none !important; }

/* Mobile */
@media (max-width:980px){
  nav.xpl-toc{ position: static; font-size: 15px; }
}
/* Mobile/tablet: show only the header by default */
@media (max-width: 980px){
  nav.xpl-toc{ position: static; }           /* don't stick on small screens */
  nav.xpl-toc .xpl-toc__toggle{
    display:inline-flex !important;
    align-items:center; gap:6px;
    border:0; background:transparent; cursor:pointer;
    padding:0; font-size:.9rem; color:#122751;
  }
  /* Chevron */
  nav.xpl-toc .xpl-toc__toggle::after{
    content:""; width:8px; height:8px; border-right:2px solid currentColor; border-bottom:2px solid currentColor;
    transform: rotate(45deg); transition: transform .15s ease;
    margin-left:2px;
  }
  /* When expanded on mobile, rotate chevron up */
  nav.xpl-toc:not(.is-collapsed) .xpl-toc__toggle::after{ transform: rotate(-135deg); }

  /* Collapsed state hides the list */
  nav.xpl-toc.is-collapsed .xpl-toc__list{ display:none; }
}