.docs-body { background: #07110f; }
.docs-header { position: sticky; z-index: 20; top: 0; height: 68px; display: flex; align-items: center; gap: 22px; padding: 0 28px; border-bottom: 1px solid var(--line); background: rgba(7,17,15,.92); backdrop-filter: blur(18px); }
.docs-header .brand { margin-right: auto; }.docs-header nav { display: flex; align-items: center; gap: 22px; color: var(--muted); font-size: .78rem; }.docs-version { color: var(--mint); font: .65rem ui-monospace, monospace; }
.docs-layout { width: min(100%, 1380px); margin: auto; display: grid; grid-template-columns: 260px minmax(0, 820px); justify-content: center; gap: 72px; }
.docs-sidebar { position: sticky; top: 68px; align-self: start; height: calc(100svh - 68px); padding: 42px 25px; border-right: 1px solid var(--line); overflow: auto; }.docs-sidebar p { margin: 25px 0 10px; color: var(--faint); font: 700 .58rem ui-monospace, monospace; letter-spacing: .12em; }.docs-sidebar p:first-child { margin-top: 0; }.docs-sidebar a { display: block; padding: 8px 0; color: #91a69d; font-size: .78rem; }.docs-sidebar a:hover { color: var(--mint); }.docs-sidebar b { margin-right: 7px; color: var(--mint); font: 650 .55rem ui-monospace, monospace; }
.docs-content { padding: 85px 24px 140px; }.docs-content section { scroll-margin-top: 95px; margin-bottom: 100px; }.docs-content h1 { max-width: 780px; font-size: clamp(3.2rem, 6vw, 5.6rem); }.docs-content h2 { margin: 50px 0 20px; font-size: clamp(2rem, 4vw, 3rem); }.docs-content h3 { margin: 35px 0 15px; font-size: .75rem; color: var(--mint); font-family: ui-monospace, monospace; letter-spacing: .09em; text-transform: uppercase; }.docs-content p { color: #a6b9b0; line-height: 1.75; }.docs-content a { color: var(--mint); text-decoration: underline; text-underline-offset: 3px; }.docs-content code { color: #c7e5d6; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }.docs-content pre { margin: 20px 0; padding: 25px; overflow: auto; border: 1px solid var(--line); border-radius: 14px; background: #050d0b; }.docs-content pre code { color: #bdd2c8; font-size: .78rem; line-height: 1.75; }.docs-lede { max-width: 750px; margin: 28px 0 35px; font-size: 1.15rem; }
.notice, .callout { display: flex; align-items: flex-start; gap: 16px; margin: 30px 0; padding: 18px; border: 1px solid rgba(95,245,179,.2); border-radius: 11px; background: rgba(95,245,179,.04); color: var(--muted); font-size: .83rem; line-height: 1.55; }.notice b { flex: 0 0 auto; color: var(--mint); }.callout.warning { color: #cfba9f; border-color: rgba(255,196,112,.2); background: rgba(255,196,112,.04); }
.endpoint { padding-top: 5px; border-top: 1px solid var(--line); }.endpoint-title { display: flex; align-items: center; gap: 14px; margin-top: 50px; }.endpoint-title h2 { margin: 0; font: 550 clamp(1.5rem, 3vw, 2.3rem) ui-monospace, monospace; letter-spacing: -.04em; }.endpoint-title > span { padding: 7px 9px; color: #06100d; background: var(--mint); border-radius: 5px; font: 800 .6rem ui-monospace, monospace; }
.field { display: grid; grid-template-columns: 150px 180px 1fr; align-items: baseline; padding: 15px 0; border-bottom: 1px solid var(--line); }.field > code { color: var(--mint); }.field b { color: var(--faint); font-size: .67rem; font-weight: 650; }.field p { margin: 0; font-size: .84rem; }
.docs-table { border-top: 1px solid var(--line); }.docs-table > div { display: grid; grid-template-columns: 70px 190px 1fr; gap: 15px; padding: 15px 5px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: .8rem; }.docs-table b { color: var(--mint); }.docs-table.profiles > div { grid-template-columns: 230px 1fr 1fr; }
.legal-content { width: min(calc(100% - 40px), 820px); margin: auto; }
@media (max-width: 850px) { .docs-layout { display: block; }.docs-sidebar { display: none; }.docs-header { padding-inline: 16px; }.docs-header nav a:first-child, .docs-version { display: none; }.docs-content { padding-top: 65px; }.field { grid-template-columns: 1fr 1fr; }.field p { grid-column: 1 / -1; }.docs-table > div, .docs-table.profiles > div { grid-template-columns: 1fr; gap: 6px; }.notice { flex-direction: column; } }

/* Keep long endpoint paths and code samples inside narrow viewports. */
.docs-content { min-width: 0; }
.docs-content pre { max-width: 100%; }
.endpoint-title { align-items: flex-start; }
.endpoint-title h2 { min-width: 0; overflow-wrap: anywhere; }
.endpoint-title > span { flex: 0 0 auto; }