/* Shares the FXTD website header, Manrope type and monochrome palette. */
.docs-page{max-width:none;color-scheme:dark}
.docs-bar{display:flex;justify-content:space-between;gap:20px;padding:22px 5vw;border-bottom:1px solid var(--line);font:12px/1.5 "DM Mono",monospace}
.docs-bar span{color:#aaa6b0}.docs-bar a{color:#faf8fc;text-decoration:none}
.docs-layout{display:grid;grid-template-columns:230px minmax(0,800px) 190px;gap:48px;max-width:1500px;width:100%;margin:auto;padding:36px 4vw}
.docs-sidebar,.docs-contents{align-self:start;position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto}
.docs-sidebar summary{font-size:14px;cursor:pointer;padding:0 0 12px}
.nav-group,.docs-eyebrow{font:11px/1.5 "DM Mono",monospace;text-transform:uppercase;letter-spacing:.1em;color:#aaa6b0;margin:24px 0 10px}
.docs-eyebrow{margin:0 0 18px}
.docs-sidebar nav>a{display:block;padding:8px 12px;border-left:1px solid #333039;color:#c9c5cd;font-size:13px;text-decoration:none}
.docs-sidebar nav>a:hover,.docs-sidebar a[aria-current]{color:#fff;border-left:2px solid #fff;background:#19171c}
.docs-page main{min-width:0}
.docs-page article{font-size:15px;line-height:1.8;color:#cdc9d1;overflow-wrap:anywhere}
.docs-page article h1{font-size:clamp(32px,4vw,48px);font-weight:500;letter-spacing:-.045em;line-height:1.16;color:#fff;margin:0 0 28px}
.docs-page article h2{font-size:24px;font-weight:500;letter-spacing:-.025em;color:#fff;margin:44px 0 14px;padding-top:22px;border-top:1px solid var(--line)}
.docs-page article h3{font-size:18px;color:#fff;margin:30px 0 10px}.docs-page article h4{margin-top:24px}
.docs-page article a,.docs-footer a{color:#fff;text-underline-offset:4px}
.docs-page article p{margin:14px 0}.docs-page article ul,.docs-page article ol{padding-left:24px}
.docs-page article table{display:block;overflow:auto;width:100%;border-collapse:collapse;font-size:13px;margin:24px 0}
.docs-page article th,.docs-page article td{padding:12px;text-align:left;border-bottom:1px solid var(--line);min-width:100px}
.docs-page article th{color:#fff;background:#151318}
.docs-page article pre{padding:20px;background:#151318;border:1px solid #302d35;overflow:auto;line-height:1.6}
.docs-page code{font:.88em/1.6 "DM Mono",monospace;color:#eee9f1}
.docs-page article blockquote{margin:24px 0;padding:6px 20px;border-left:2px solid #fff;background:#151318}
.docs-contents ul{list-style:none;padding-left:12px}.docs-contents>.toc>ul{padding:0}
.docs-contents a{display:block;color:#aaa6b0;text-decoration:none;font-size:12px;line-height:1.6;padding:4px 0}.docs-contents a:hover{color:#fff}
.docs-footer{border-top:1px solid var(--line);margin:56px 0 24px;padding-top:24px;font:11px/2 "DM Mono",monospace;color:#aaa6b0}
.docs-page :focus-visible{outline:2px solid #fff;outline-offset:4px}.docs-page [id]{scroll-margin-top:24px}
@media(max-width:1150px){.docs-layout{grid-template-columns:210px minmax(0,1fr);gap:32px}.docs-contents{display:none}}
@media(max-width:700px){.docs-layout{display:block;padding:24px 6vw}.docs-sidebar{position:static;max-height:none;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:28px}.docs-sidebar nav{columns:2}.docs-sidebar .nav-group{break-after:avoid}.docs-bar{flex-direction:column;gap:6px}.docs-page article{font-size:16px}.docs-page article h1{font-size:34px}.docs-page .site-contact{font-size:12px}}

.node-cards{display:grid;gap:24px}.node-card{border:1px solid #48434e;background:#17151c;border-radius:10px;padding:20px}.node-card h4{margin:0!important;color:white;font-size:19px}.node-card>code{display:block;color:#aaa;margin:8px 0 20px;overflow-wrap:anywhere}.ports{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ports p{font-size:12px;margin:6px 0!important}.ports small{display:block;color:#a6a1ac}.ports>div:last-child{text-align:right}.node-card>a{display:block;margin-top:20px;font-size:13px}.docs-page article img{max-width:100%;height:auto}
.node-screenshot{margin:24px 0}.node-screenshot a{display:block;background:#0c0d11;padding:12px;border:1px solid #343139;text-align:center}.docs-page article .node-screenshot img{max-height:650px;width:auto;max-width:100%;object-fit:contain}.node-screenshot figcaption{font-size:12px;line-height:1.6;color:#aaa6b0;margin-top:10px}
