.silex-docs-main {
  width: min(calc(100% - 48px), 1260px);
  margin-inline: auto;
  padding-block: 30px 76px;
}

.silex-doc-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  margin: 0 0 16px;
  color: var(--silex-muted);
  font-size: .76rem;
  line-height: 1.5;
}

.silex-doc-breadcrumb a { color: var(--silex-text-soft); text-decoration-thickness: 1px; }
.silex-doc-breadcrumb a:hover { color: var(--silex-accent); }
.silex-doc-breadcrumb [aria-current="page"] { color: var(--silex-text); }

.silex-doc-heading,
.silex-doc-main > .silex-content-hero {
  max-width: 920px;
  padding: 0 0 26px;
  border-bottom: 1px solid var(--silex-border);
}

.silex-doc-heading h1,
.silex-doc-main > .silex-content-hero h1 { margin: 0; }
.silex-doc-heading > p,
.silex-doc-main > .silex-content-hero > p { max-width: 72ch; }
.silex-doc-heading .silex-lead,
.silex-doc-main > .silex-content-hero .silex-lead { margin: 12px 0 0; }
.silex-doc-heading .silex-content-meta,
.silex-doc-main > .silex-content-hero .silex-content-meta { margin: 12px 0 0; }

.silex-docs-layout,
.silex-content-layout.silex-docs-layout {
  display: grid;
  grid-template-columns: minmax(190px, 230px) minmax(0, 1fr);
  gap: clamp(28px, 5vw, 62px);
  align-items: start;
  margin-top: 30px;
}

.silex-docs-sidebar { min-width: 0; position: relative; }
.silex-doc-navigation { position: sticky; top: 90px; }
.silex-doc-navigation > summary,
.silex-doc-toc > summary,
.silex-responsive-nav > summary {
  color: var(--silex-text);
  cursor: pointer;
  font-size: .82rem;
  font-weight: 650;
  line-height: 1.4;
}

.silex-doc-navigation > summary { display: none; }
.silex-doc-navigation-content { padding: 0 18px 0 0; border-right: 1px solid var(--silex-border); }
.silex-doc-navigation h2,
.silex-doc-toc h2 {
  margin: 0 0 10px;
  color: var(--silex-muted);
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1.4;
  text-transform: uppercase;
}

.silex-doc-navigation ul,
.silex-doc-toc ul { margin: 0; padding: 0; list-style: none; }
.silex-doc-nav-group + .silex-doc-nav-group { margin-top: 16px; }
.silex-doc-nav-group > h2 { margin-bottom: 6px; }
.silex-doc-navigation li + li,
.silex-doc-toc li + li { margin-top: 3px; }
.silex-doc-navigation a,
.silex-doc-toc a {
  display: block;
  padding: 5px 8px;
  color: var(--silex-text-soft);
  font-size: .78rem;
  line-height: 1.45;
  text-decoration: none;
  text-wrap: pretty;
}

.silex-doc-navigation a:hover,
.silex-doc-toc a:hover { color: var(--silex-accent); }
.silex-doc-navigation a[aria-current="page"] {
  border-left: 2px solid var(--silex-accent);
  background: var(--silex-accent-soft);
  color: var(--silex-text);
}

.silex-doc-toc { margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--silex-border); }
.silex-doc-toc > summary { margin-bottom: 8px; }
.silex-doc-article,
.silex-prose.silex-doc-article {
  min-width: 0;
  max-width: 840px;
  color: var(--silex-text);
  font-size: 1rem;
  line-height: 1.72;
}

.silex-doc-article > :first-child { margin-top: 0; }
.silex-doc-article h2 { margin: 36px 0 12px; font-size: clamp(1.18rem, 2vw, 1.5rem); line-height: 1.3; }
.silex-doc-article h2:first-child { margin-top: 0; }
.silex-doc-article h3 { margin: 25px 0 9px; font-size: 1.02rem; line-height: 1.38; }
.silex-doc-article p,
.silex-doc-article li { max-width: 74ch; color: var(--silex-text-soft); }
.silex-doc-article p { margin: 0 0 14px; }
.silex-doc-article ul,
.silex-doc-article ol { margin: 10px 0 18px; padding-left: 22px; }
.silex-doc-article li + li { margin-top: 7px; }
.silex-doc-article strong,
.silex-doc-article th { color: var(--silex-text); }
.silex-doc-article a { color: #72c6ff; text-decoration-thickness: 1px; text-underline-offset: .2em; }
.silex-doc-article a:hover { color: #a5dcff; }
.silex-doc-article code { overflow-wrap: anywhere; }
.silex-doc-article pre,
.api-code { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }
.silex-doc-article pre code { overflow-wrap: normal; }

.silex-doc-table-wrap { max-width: 100%; margin: 18px 0 22px; overflow-x: auto; border: 1px solid var(--silex-border); overscroll-behavior-inline: contain; }
.silex-doc-table-wrap:focus-visible { outline: 2px solid var(--silex-accent); outline-offset: 3px; }
.silex-doc-article table { width: 100%; min-width: 520px; border-collapse: collapse; background: rgba(7, 19, 29, .86); }
.silex-doc-article th,
.silex-doc-article td { padding: 11px 13px; border-bottom: 1px solid var(--silex-border); color: var(--silex-text-soft); font-size: .9rem; line-height: 1.5; text-align: left; vertical-align: top; }
.silex-doc-article thead th { background: var(--silex-raised); color: var(--silex-text); font-weight: 650; }
.silex-doc-article tbody tr:last-child > * { border-bottom: 0; }

.silex-doc-callout,
.silex-doc-article .silex-callout {
  margin: 20px 0;
  padding: 15px 17px;
  border: 1px solid var(--silex-border-strong);
  border-radius: var(--silex-radius);
  background: rgba(32, 136, 209, .09);
  color: var(--silex-text-soft);
}

.silex-doc-callout > :last-child,
.silex-doc-article .silex-callout > :last-child { margin-bottom: 0; }
.silex-doc-callout[data-kind="important"] { border-color: rgba(54,169,244,.64); background: rgba(32,136,209,.13); }
.silex-doc-callout[data-kind="warning"],
.silex-doc-article .silex-callout-warning { border-color: rgba(245,170,7,.56); background: rgba(245,170,7,.08); }

.silex-doc-related { max-width: 840px; margin: 38px 0 0; padding-top: 20px; border-top: 1px solid var(--silex-border); }
.silex-doc-related h2 { margin: 0 0 10px; font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; }
.silex-doc-related ul { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 0; padding: 0; list-style: none; }
.silex-doc-related a { color: var(--silex-text-soft); font-size: .86rem; text-underline-offset: .2em; }
.silex-doc-related a:hover { color: var(--silex-accent); }

.silex-doc-index { margin-top: 34px; }
.silex-doc-index > h2 { margin: 0 0 17px; font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; }
.silex-doc-index-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; border: 0; background: transparent; }
.silex-doc-index-group { min-width: 0; padding: 20px; border:var(--silex-panel-rule); border-radius:var(--silex-radius); background:var(--silex-surface); }
.silex-doc-index-group h2 { margin: 0 0 8px; font-size: 1.04rem; }
.silex-doc-index-group > p { margin: 0 0 15px; color: var(--silex-text-soft); font-size: .9rem; line-height: 1.6; }
.silex-doc-index-group ul { display: grid; gap: 1px; margin: 0; padding: 0; list-style: none; }
.silex-doc-index-group a { display: flex; align-items:center; min-height:44px; box-sizing:border-box; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid var(--silex-divider); color: var(--silex-text); font-size:14px; text-decoration: none; }
.silex-doc-index-group a::after { color: var(--silex-accent); content: "→"; }
.silex-doc-index-group a:hover { color: var(--silex-accent); }

.silex-content-layout:has(> .silex-content-nav) { grid-template-columns: minmax(190px, 230px) minmax(0, 1fr); }
.silex-content-layout > .silex-content-nav,
.api-doc-layout > .api-doc-nav { padding: 0 18px 0 0; border: 0; border-right: 1px solid var(--silex-border); border-radius: 0; background: transparent; box-shadow: none; }
.silex-content-nav h2,
.api-doc-nav h2 { margin: 0 0 10px; color: var(--silex-muted); font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }
.silex-content-nav ul,
.api-doc-nav ul { columns: 1; margin: 0; padding: 0; list-style: none; }
.silex-responsive-nav > details > summary { display: none; }
.silex-content-nav li,
.api-doc-nav li { margin: 0; break-inside: avoid; }
.silex-content-nav a,
.api-doc-nav a { display: block; padding: 5px 8px; color: var(--silex-text-soft); font-size: .78rem; line-height: 1.45; text-decoration: none; }
.silex-content-nav a:hover,
.api-doc-nav a:hover { color: var(--silex-accent); }
.silex-content-layout > .silex-prose { max-width: 840px; }
.silex-content-layout > .silex-prose section { scroll-margin-top: 96px; }

.api-doc-layout { grid-template-columns: minmax(190px, 230px) minmax(0, 1fr); gap: clamp(28px, 5vw, 62px); }
.api-doc { max-width: 900px; min-width: 0; }
.api-doc section { scroll-margin-top: 94px; }
.api-code { border: 1px solid var(--silex-border); border-radius: var(--silex-radius); background: #06111b; }
.developer-hero { max-width: 940px; padding-bottom: 24px; border-bottom: 1px solid var(--silex-border); }

.trust-page > .silex-doc-breadcrumb { margin-bottom: 20px; }
.silex-doc-legal .silex-content-layout { grid-template-columns: minmax(190px, 230px) minmax(0, 1fr); }
.silex-doc-legal .silex-content-layout > .silex-prose { max-width: 840px; }

@media (max-width: 940px) {
  .silex-docs-layout,
  .silex-content-layout.silex-docs-layout,
  .api-doc-layout,
  .silex-doc-legal .silex-content-layout { grid-template-columns: minmax(0, 1fr); gap: 19px; }
  .silex-doc-navigation { position: static; }
  .silex-doc-navigation > summary,
  .silex-responsive-nav > summary { display: list-item; padding: 11px 13px; border: 1px solid var(--silex-border); background: var(--silex-surface); }
  .silex-doc-navigation-content { padding: 13px; border: 1px solid var(--silex-border); border-top: 0; background: rgba(7,19,29,.92); }
  .silex-doc-navigation:not([open]) > .silex-doc-navigation-content { display: none; }
  .silex-doc-navigation[open] > .silex-doc-navigation-content { display: block; }
  .silex-doc-navigation-content > nav > ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px 14px; }
  .silex-doc-navigation-content > nav > ul > li { min-width: 0; }
  .silex-doc-navigation-content .silex-doc-nav-group { margin: 0; }
  .silex-doc-navigation-content .silex-doc-nav-group > h2 { margin-top: 8px; }
  .silex-doc-toc { margin-top: 15px; }
  .silex-doc-related { margin-left: 0; }
  .silex-content-layout > .silex-content-nav,
  .api-doc-layout > .api-doc-nav { padding: 0; border: 0; }
  .silex-content-nav.silex-responsive-nav,
  .api-doc-nav.silex-responsive-nav { padding: 0; }
  .silex-content-nav.silex-responsive-nav > details,
  .api-doc-nav.silex-responsive-nav > details { border: 1px solid var(--silex-border); }
  .silex-responsive-nav-details > h2 { display: none; }
  .silex-responsive-nav-details > ul { padding: 8px 12px 12px; }
  .silex-content-nav.silex-responsive-nav > details > summary,
  .api-doc-nav.silex-responsive-nav > details > summary { display: list-item; padding: 11px 13px; }
  .silex-content-nav.silex-responsive-nav > details:not([open]) > nav,
  .api-doc-nav.silex-responsive-nav > details:not([open]) > nav { display: none; }
  .silex-content-nav.silex-responsive-nav > details[open] > nav,
  .api-doc-nav.silex-responsive-nav > details[open] > nav { padding: 8px 12px 12px; }
}

@media (max-width: 600px) {
  .silex-docs-main { width: min(calc(100% - 32px), 1260px); padding-block: 23px 54px; }
  .silex-doc-heading,
  .silex-doc-main > .silex-content-hero { padding-bottom: 20px; }
  .silex-doc-navigation-content > nav > ul { grid-template-columns: minmax(0,1fr); }
  .silex-doc-index-grid { grid-template-columns: minmax(0,1fr); }
  .silex-doc-index-group { padding: 18px 17px; }
  .silex-doc-article { font-size: .98rem; }
  .silex-doc-article th,
  .silex-doc-article td { font-size: .9rem; }
  .silex-content-nav.silex-responsive-nav ul,
  .api-doc-nav.silex-responsive-nav ul { columns: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .silex-docs-main *,
  .silex-docs-main *::before,
  .silex-docs-main *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}