/* Future .luis hooks for Starlight documentation pages. */
--docsRadius: { sm: 0.25rem; md: 0.5rem; };
--docsTypeScale: { h1: 2rem; h2: 1.5rem; h3: 1.25rem; link: 1.25rem; };
--docsSidebarRow: { display: flex; align-items: center; gap: 0.25rem; line-height: 1.4; text-decoration: none; border-radius: var(--docsRadius.sm); };
--docsSidebarLeaf: { padding: 0.3em 0; };
--docsPageUrl:#b7b7b7;
--c-currentPage:#0070a2;

:root {
  --docs-ready: 1;
  --docs-sidebar-left:30%;
  --docs-sidebar-right:18%;
  --docs-mobile-sidebar-bar-height: 3.25rem;
}
[data-theme="light"], [data-theme="light"]{
--docsPageUrl:#5c5c5c;
}
.sidebar-content .docs-sidebar-list { list-style: none; margin: 0; padding: 0; }
.sidebar-content .docs-sidebar-list[data-depth='0'] > li + li { margin-block-start: 0.5rem; }
.sidebar-content .docs-sidebar-summary,
.sidebar-content .docs-sidebar-link,
.sidebar-content .docs-sidebar-inline-label { var(--docsSidebarRow); }
.sidebar-content .docs-sidebar-summary,
.sidebar-content .docs-sidebar-link { var(--docsSidebarLeaf); }
.sidebar-content .docs-sidebar-summary { justify-content: space-between; cursor: pointer; user-select: none; }
.sidebar-content .docs-sidebar-summary::marker,
.sidebar-content .docs-sidebar-summary::-webkit-details-marker { display: none; }
.sidebar-content .docs-sidebar-group-title { font-size: var(--sl-text-base); font-weight: 600; color: var(--sl-color-white); }
.sidebar-content .docs-sidebar-caret { transition: transform 0.2s ease-in-out; }
.sidebar-content details[open] > .docs-sidebar-summary .docs-sidebar-caret { transform: rotate(90deg); }
.sidebar-content .docs-sidebar-link { color: var(--sl-color-gray-2); font-size: var(--sl-text-sm); }
.sidebar-content .docs-sidebar-link:hover,
.sidebar-content .docs-sidebar-link:focus { color: var(--sl-color-white); }
.sidebar-content .docs-sidebar-link[aria-current='page'] { padding-left:8px; color: #fff; background: var(--c-currentPage); font-weight: 600; }
.sidebar-content .docs-sidebar-inline-label,
.sidebar-content .docs-sidebar-link.sidebar-subhead { font-size: var(--sl-text-sm); font-weight: 700; color: var(--sl-color-white); }
.sidebar-content .docs-sidebar-link.sidebar-subitem { padding-inline-start: .75rem; color:var(--docsPageUrl);}
.sidebar-content .docs-sidebar-link.sidebar-subitem[aria-current=page] { color:#fff;}
.sl-markdown-content a:not([role=tab]){text-decoration:underline;text-decoration: underline #940056 2px;}
.card-grid{grid-template-columns: 49% 49% !important;}
.sl-markdown-content h2:not(:where(.not-content *)){font-size:var(--docsTypeScale.h2)}
.sl-markdown-content h3:not(:where(.not-content *)){font-size:var(--docsTypeScale.h3)}
h1{font-size:var(--docsTypeScale.h1)}
.link-title{font-size:var(--docsTypeScale.link)}
.right-sidebar-panel{background-color:var(--site-bg);padding:1rem var(--sl-sidebar-pad-x) 3rem var(--sl-sidebar-pad-x)}

@media (max-width: 49.999rem) {
  .docs-sidebar-toggle-bar {
    position: fixed;
    inset-block-start: var(--site-mobile-header-height, var(--sl-nav-height));
    inset-inline: 0;
    z-index: 5;
    min-height: var(--docs-mobile-sidebar-bar-height);
    display: flex;
    align-items: center;
    padding: 0 1rem;
    border-bottom: 1px solid var(--site-border);
    background: var(--site-surface);
  }
  .docs-sidebar-toggle-button {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    min-height: 2.25rem;
    padding: 0 0.875rem;
    border: 1px solid var(--site-border);
    border-radius: var(--siteRadius.pill);
    background: var(--site-bg);
    color: var(--site-text);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
  }
  .docs-sidebar-toggle-icon {
    width: 1rem;
    display: grid;
    gap: 0.2rem;
  }
  .docs-sidebar-toggle-icon span {
    height: 2px;
    border-radius: 999px;
    background: currentColor;
  }
  starlight-menu-button[aria-expanded='true'] .docs-sidebar-toggle-button {
    background: var(--site-accent-soft);
    color: var(--site-accent);
  }
  .main-frame {
    padding-top: calc(var(--site-mobile-header-height, var(--sl-nav-height)) + var(--docs-mobile-sidebar-bar-height));
  }
  .sidebar-pane {
    inset-block: calc(var(--site-mobile-header-height, var(--sl-nav-height)) + var(--docs-mobile-sidebar-bar-height)) 0;
  }
}

@media (min-width: 50rem) {
  .docs-sidebar-toggle-bar {
    display: none;
  }    
}
@media (min-width: 72rem) {
    .sl-container {
      --sl-content-margin-inline:2rem;
    }
    
    .right-sidebar-container{
      width: 30%;
    }
    .right-sidebar{ 
      scrollbar-width:auto;
      overflow-x:hidden;
      position:sticky;
      max-height:calc(100vh - 3rem);
      padding-top:0;
      top:var(--sl-nav-height);
    }
    .main-pane{
      display: flex;
    width: 100%;
    }
}

@media (min-width: 124rem) {
  main{
    min-width:calc(var(--sl-content-width) + var(--sl-content-pad-x) + 3.5rem)
  }
  .sidebar-pane {
    width: var(--docs-sidebar-left);
    padding-left:calc(var(--docs-sidebar-left) - var(--sl-sidebar-width))
  }
  .main-frame{      
    padding-inline-start:var(--docs-sidebar-left);
  }
  .content-panel{
    padding-left:3.5rem;
  }
  [data-has-sidebar][data-has-toc] .main-pane{
    width: 100%;
    min-height:calc(100vh - 128px);
    display:flex;
  }
}