:root { color-scheme:light; --ink:#17273c; --muted:#52657a; --line:#dbe3eb; --paper:#fff; --canvas:#f5f7f9; --navy:#10243e; --teal:#08736a; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--canvas); line-height:1.72; }
a { color:var(--teal); }
.docs-layout { display:grid; grid-template-columns:270px minmax(0,850px) 220px; justify-content:center; min-height:calc(100vh - 68px); }
.docs-layout>aside { position:sticky; top:68px; align-self:start; height:calc(100vh - 68px); overflow:auto; padding:2rem 1.35rem; }
.docs-layout>aside:first-child { z-index:30; display:flex; overflow:visible; flex-direction:column; border-right:1px solid var(--line); background:#eef3f6; } .on-page { border-left:1px solid var(--line); color:var(--muted); font-size:.78rem; }
.on-page strong,.on-page a { display:block; margin-bottom:.65rem; } .on-page p { margin:0 0 1.25rem; }
aside label { display:block; margin-bottom:.45rem; color:#455970; font-size:.68rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } aside input { width:100%; padding:.65rem .75rem; border:1px solid #cbd7e1; border-radius:8px; background:#fff; }
.docs-search { position:relative; z-index:2000; flex:none; }
.docs-search-control { position:relative; }
.docs-navigation { min-height:0; overflow:auto; padding-right:.2rem; }
.docs-search input { padding-right:2.65rem; }
.docs-search input:focus { outline:3px solid rgba(13,143,130,.16); border-color:var(--teal); }
.docs-search input[type="search"]::-webkit-search-cancel-button { appearance:none; }
.docs-search-clear { position:absolute; top:50%; right:.45rem; display:grid; width:1.8rem; height:1.8rem; padding:0; transform:translateY(-50%); place-items:center; border:0; border-radius:50%; color:#52667c; background:transparent; cursor:pointer; font:inherit; font-size:1.25rem; line-height:1; transition:color .16s ease,background-color .16s ease,transform .16s ease; }
.docs-search-clear:hover { color:#075f59; background:#dcefeb; }
.docs-search-clear:focus-visible { outline:3px solid rgba(13,143,130,.28); outline-offset:2px; }
.docs-search-clear:active { transform:translateY(-50%) scale(.92); }
.docs-search-clear[hidden] { display:none; }
.search-results { position:absolute; top:calc(100% + .5rem); left:0; z-index:2100; width:min(520px,calc(100vw - 2rem)); max-height:min(540px,70vh); overflow:auto; padding:.45rem; border:1px solid #ccd9e2; border-radius:10px; background:#fff; box-shadow:0 18px 42px rgba(16,36,62,.22); }
.search-results a { display:flex; flex-direction:column; gap:.14rem; padding:.7rem .75rem; border-radius:7px; color:#40546b; text-decoration:none; }
.search-results a:hover,.search-results a.active { color:#075f59; background:#e5f3f1; }
.search-results small { color:#52657a; font-size:.65rem; text-transform:uppercase; letter-spacing:.04em; }
.search-results strong { color:inherit; font-size:.82rem; }
.search-results span { display:-webkit-box; overflow:hidden; color:#52657a; font-size:.72rem; line-height:1.45; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.search-results mark,article mark { padding:0 .08em; color:inherit; background:#ffe69b; }
.search-empty { margin:0; padding:.75rem; color:var(--muted); font-size:.76rem; }
.nav-section { margin-top:1.5rem; } .nav-section h2 { margin:0 0 .45rem; color:#52657a; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; } .nav-section a { display:block; padding:.42rem .55rem; border-radius:6px; color:#455970; font-size:.79rem; text-decoration:none; } .nav-section a:hover,.nav-section a.active { color:#075f59; background:#dcebe9; }
.nav-subsection { margin:.2rem 0; } .nav-subsection summary { display:flex; align-items:center; justify-content:space-between; padding:.42rem .55rem; border-radius:6px; color:#40566d; font-size:.74rem; font-weight:800; list-style:none; cursor:pointer; } .nav-subsection summary::-webkit-details-marker { display:none; } .nav-subsection summary::after { width:.42rem; height:.42rem; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); transition:transform .16s ease; content:""; } .nav-subsection[open] summary::after { transform:rotate(225deg); } .nav-subsection summary:hover { color:#075f59; background:#dcebe9; } .nav-subsection div { margin:.12rem 0 .35rem .55rem; padding-left:.45rem; border-left:1px solid #d2dfe7; }
main { min-width:0; padding:3rem clamp(1.5rem,5vw,4.5rem) 5rem; background:var(--paper); } .breadcrumb { display:flex; gap:.55rem; margin-bottom:2.1rem; color:#8a98a7; font-size:.75rem; } .breadcrumb a { text-decoration:none; }
article h1 { margin:0 0 1rem; font-size:clamp(2.35rem,5vw,3.7rem); line-height:1.04; letter-spacing:-.05em; } article h2 { margin:2.7rem 0 .75rem; padding-top:.3rem; font-size:1.65rem; line-height:1.22; letter-spacing:-.025em; } article h3 { margin:2rem 0 .5rem; font-size:1.16rem; }
article p,article li { color:#44576c; } article>p:first-of-type { color:#52657a; font-size:1.12rem; } article ul,article ol { padding-left:1.35rem; } article li { margin:.35rem 0; }
article code { padding:.12rem .32rem; border-radius:4px; color:#8c2850; background:#f7edf2; font: .86em/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; } article pre { overflow:auto; margin:0; padding:1.25rem; border:1px solid #263e55; border-radius:10px; color:#d9e7f2; background:#10243e; } article pre code { padding:0; color:inherit; background:none; }
.docs-code-block { position:relative; margin:1.25rem 0; }
.docs-copy-button { position:absolute; top:.65rem; right:.65rem; z-index:2; display:inline-flex; align-items:center; gap:.4rem; min-height:30px; padding:.38rem .58rem; border:1px solid rgba(180,205,224,.42); border-radius:7px; color:#dce9f3; background:rgba(9,23,37,.82); box-shadow:0 8px 18px rgba(0,0,0,.18); font:700 .68rem/1 Inter,ui-sans-serif,system-ui,sans-serif; cursor:pointer; transition:color .16s ease,background .16s ease,border-color .16s ease,transform .16s ease; }
.docs-copy-button:hover,.docs-copy-button:focus-visible { color:#fff; border-color:#6bd8ce; background:#0d4a55; }
.docs-copy-button:focus-visible { outline:3px solid rgba(107,216,206,.28); outline-offset:2px; }
.docs-copy-button:active { transform:scale(.97); }
.docs-copy-icon { position:relative; width:14px; height:14px; }
.docs-copy-icon::before,.docs-copy-icon::after { position:absolute; width:8px; height:10px; border:1.5px solid currentColor; border-radius:2px; content:""; }
.docs-copy-icon::before { top:0; left:4px; opacity:.65; }
.docs-copy-icon::after { right:3px; bottom:0; background:rgba(9,23,37,.82); }
.docs-copy-check { display:none; width:14px; height:9px; border-bottom:2px solid #25b77a; border-left:2px solid #25b77a; transform:rotate(-45deg) translateY(-1px); }
.docs-copy-button.copied { color:#dff8ec; border-color:#25b77a; background:#0d3c2f; }
.docs-copy-button.copied .docs-copy-icon { display:none; }
.docs-copy-button.copied .docs-copy-check { display:inline-block; }
blockquote { margin:1.4rem 0; padding:1rem 1.1rem; border-left:4px solid var(--teal); color:#365b5a; background:#eaf5f3; }
.docs-table-wrap { overflow:auto; margin:1.4rem 0; border:1px solid var(--line); border-radius:10px; background:#fff; }
.docs-table-wrap table { width:100%; border-collapse:collapse; font-size:.86rem; }
.docs-table-wrap th,.docs-table-wrap td { padding:.7rem .85rem; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
.docs-table-wrap th { color:#10243e; background:#eef3f6; font-weight:750; }
.docs-table-wrap tr:last-child td { border-bottom:0; }
.docs-table-wrap code { font-size:.84em; }
.live-example { margin-top:3.5rem; padding:1.2rem; border:1px solid #cde2df; border-radius:12px; background:#f0f8f7; } .live-example>p { margin:0 0 .65rem; color:#52706e; font-size:.72rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.showcase-link { display:flex; justify-content:space-between; gap:1rem; margin-top:.55rem; padding:.75rem .9rem; border:1px solid #b7d6d2; border-radius:10px; color:#075f59; background:#fff; text-decoration:none; } .showcase-link:first-of-type { margin-top:0; } .showcase-link strong,.showcase-link span { display:block; } .showcase-link span { color:#52706e; font-size:.8rem; }
.pager { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:2.5rem; padding-top:1.5rem; border-top:1px solid var(--line); } .pager a { display:flex; flex-direction:column; color:#40546b; text-decoration:none; } .pager a.next { text-align:right; } .pager small { color:#52657a; }
@media (max-width:1100px) { .docs-layout { grid-template-columns:240px minmax(0,1fr); } .on-page { display:none; } }
@media (max-width:760px) { .docs-layout { display:block; } .docs-layout>aside:first-child { position:static; display:block; width:100%; height:auto; border-right:0; } .docs-navigation { overflow:visible; } .search-results { position:fixed; top:132px; right:1rem; left:1rem; width:auto; } main { padding:2rem 1.2rem 4rem; } }