.docs-page [hidden]{display:none!important}
.docs-page :is(h1,h2,h3,p,dt,dd,summary,strong){overflow-wrap:break-word}
.docs-page :is(pre,code){max-width:100%}
.docs-page pre{overflow-x:auto}
.docs-page a:not(.c-btn):not(.c-chip){color:#8FD9F0;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-underline-offset:.2em}
.docs-page a:not(.c-btn):not(.c-chip):hover{text-decoration-color:currentColor}

.docs-hero{padding-block:var(--space-7);background:#020708;color:#fff;--muted:#A3B4B6;--line:rgba(255,255,255,.08)}
.docs-hero .container{min-width:0}
.docs-hero .c-eyebrow{margin-bottom:var(--space-2);color:#C6D2D3}
.docs-hero h1{max-width:19ch;margin-bottom:var(--space-2);font-size:clamp(2.25rem,4vw,3.2rem);line-height:1.22}
.docs-hero__lead{max-width:46rem;margin-bottom:var(--space-4);color:#A3B4B6;font-size:var(--text-lg)}
.docs-search{display:grid;gap:var(--space-1);max-width:46rem}
.docs-search label{color:#fff;font-weight:600}
.docs-search__controls{display:flex;gap:var(--space-2);min-width:0}
.docs-search input{flex:1 1 18rem;min-width:0;min-height:3.25rem;padding:.75rem var(--space-2);border:1px solid #51676A;border-radius:var(--radius-pill);background:#0B1A1D;color:#fff;outline-offset:3px}
.docs-search input::placeholder{color:#A3B4B6}
.docs-search input:focus-visible{outline:2px solid var(--accent)}
.docs-search__controls .c-btn{flex:0 0 auto}
.docs-search>p{margin:0;color:#A3B4B6;font-size:var(--text-sm)}
.docs-search-results{max-width:46rem;margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:#0B1A1D;color:#fff;--muted:#A3B4B6;--line:rgba(255,255,255,.08)}
.docs-search-results p{margin:0;color:#A3B4B6}
.docs-search-results ul{display:grid;gap:0;margin:var(--space-2) 0 0;padding:0;list-style:none}
.docs-search-results li{padding-block:var(--space-1);border-top:1px solid rgba(255,255,255,.08)}
.docs-search-results li a{display:inline-block}
.docs-groups{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-4)}
.docs-groups .c-chip{min-height:2.5rem;background:#0B1A1D;color:#E6EFF0}
.docs-groups .c-chip:hover{background:#0F2225;color:#fff}

.docs-section{padding-block:var(--space-7);background:#020708;color:#fff;--muted:#A3B4B6;--line:rgba(255,255,255,.08);scroll-margin-top:5rem}
.docs-section__head{max-width:47rem;margin-bottom:var(--space-4)}
.docs-section__head .c-eyebrow{margin-bottom:var(--space-2);color:#C6D2D3}
.docs-section__head h2{margin-bottom:var(--space-2)}
.docs-section__head p{margin-bottom:0;color:#A3B4B6}
.docs-grid,.docs-build-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);align-items:start}
.docs-card{display:flex;flex-direction:column;min-width:0;height:auto;padding:var(--space-4);border-radius:var(--radius-md);background:#071315;color:#fff;--muted:#A3B4B6;--line:rgba(255,255,255,.08)}
.docs-card>svg{display:block;flex:none;margin-bottom:var(--space-2);color:#8FD9F0}
.docs-card h3{margin-bottom:var(--space-1);font-size:var(--text-card)}
.docs-card p{margin-bottom:var(--space-2);color:#A3B4B6}
.docs-card pre{width:100%;margin:var(--space-2) 0;padding:var(--space-3);border-radius:var(--radius-sm);background:#0B1A1D;color:#E6EFF0}
.docs-card code{color:#E6EFF0;overflow-wrap:anywhere}
.docs-card .docs-card__note{margin-block:var(--space-1) 0;font-size:var(--text-sm)}
.docs-note{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:#0F2225;color:#fff;--muted:#A3B4B6;--line:rgba(255,255,255,.08)}
.docs-note strong{display:block;margin-bottom:var(--space-1)}
.docs-note p{margin:0;color:#B7C7C9}
.docs-steps{margin-top:var(--space-3);border-bottom:1px solid rgba(255,255,255,.08)}
.docs-row{display:grid;grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);gap:var(--space-3);align-items:start;min-width:0;padding:var(--space-3);border-top:1px solid rgba(255,255,255,.08)}
.docs-row__number{color:#8FD9F0}
.docs-row strong{font-size:var(--text-base)}
.docs-row p{margin:0;color:#A3B4B6}
.docs-row code{overflow-wrap:anywhere}
.docs-after{margin:var(--space-3) 0 0;color:#A3B4B6}

.docs-glossary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);align-items:stretch;margin:0}
.docs-glossary>div{min-width:0;height:100%;padding:var(--space-3);border-radius:var(--radius-md);background:#071315;color:#fff;--muted:#A3B4B6;--line:rgba(255,255,255,.08)}
.docs-glossary dt{margin-bottom:var(--space-1);font-size:var(--text-base);font-weight:600;color:#fff}
.docs-glossary dd{margin:0;color:#A3B4B6}

.docs-faq{padding-inline:var(--space-3);border-radius:var(--radius-md);background:#071315;color:#fff;--muted:#A3B4B6;--line:rgba(255,255,255,.08)}
.docs-faq details{background:#071315;color:#fff;border-top:1px solid rgba(255,255,255,.08)}
.docs-faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;cursor:pointer;list-style:none;font-weight:600}
.docs-faq summary::-webkit-details-marker{display:none}
.docs-faq summary::after{content:"";width:.55rem;height:.55rem;flex:none;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform var(--motion)}
.docs-faq details[open] summary{padding-bottom:var(--space-2)}
.docs-faq details[open] summary::after{transform:rotate(225deg)}
.docs-faq details>div{padding:var(--space-2) 0 var(--space-3);border-top:1px solid rgba(255,255,255,.08)}
.docs-faq details p{margin:0;color:#A3B4B6}

.docs-closing{padding:var(--space-7) 0; background:#020708;color:#fff;--muted:#A3B4B6;--line:rgba(255,255,255,.08)}
.docs-closing__card{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,19rem);gap:var(--space-4);align-items:center;min-width:0;padding:var(--space-5);border-radius:var(--radius-lg);background:#0B1A1D;color:#fff;--muted:#A3B4B6;--line:rgba(255,255,255,.08)}
.docs-closing__card .c-eyebrow{margin-bottom:var(--space-2);color:#C6D2D3}
.docs-closing__card h2{margin-bottom:var(--space-2)}
.docs-closing__card p{max-width:42rem;margin:0;color:#A3B4B6}
.docs-closing__actions{display:flex;flex-direction:column;gap:var(--space-2);align-items:stretch;min-width:0}
.docs-closing__actions .c-btn{width:100%;white-space:normal}

@media(max-width:42rem){
  .docs-hero{padding-block:var(--space-6)}
  .docs-section{padding-block:var(--space-6)}
  .docs-grid,.docs-build-grid,.docs-glossary,.docs-closing__card{grid-template-columns:minmax(0,1fr)}
  .docs-search__controls{flex-direction:column}
  .docs-search__controls input{flex:auto;width:100%}
  .docs-search__controls .c-btn{width:100%}
  .docs-row{grid-template-columns:2.25rem minmax(0,1fr);gap:var(--space-3)}
  .docs-row>:nth-child(3){grid-column:2}
  .docs-card{padding:var(--space-3)}
  .docs-closing{padding-block:var(--space-6)}
  .docs-closing__card{padding:var(--space-3)}
}
@media(prefers-reduced-motion:reduce){
  .docs-faq summary::after{transition:none}
}