.docs-header { display: flex; align-items: center; gap: 24px; justify-content: space-between; padding: 22px 5%; border-bottom: 1px solid #293740; color: #9faeb7; font-size: 13px; }.docs-header a:first-child { font-size: 20px; font-weight: 700; color: #e0b66c; }.docs-workspace { display: grid; grid-template-columns: 265px minmax(0, 850px); max-width: 1300px; margin: auto; gap: 55px; padding: 40px 28px; }.guide-nav { align-self: start; position: sticky; top: 25px; display: grid; gap: 6px; font-size: 14px; }.guide-nav > a { padding: 10px; border-radius: 6px; color: #b4c5d0; }.guide-nav > a[aria-current] { background: #263741; color: #f4d395; }.guide-content { min-width: 0; color: #bdc9d1; line-height: 1.8; }.guide-content h1 { color: #f0f4f6; font-size: clamp(32px, 4vw, 48px); line-height: 1.15; margin: 0 0 25px; }.guide-content h2 { color: #e8eff2; font-size: 25px; margin: 40px 0 15px; }.guide-content p, .guide-content ul, .guide-content ol { margin: 16px 0; }.guide-content li { margin: 8px 0; }.guide-content a { color: #92d3f1; text-decoration: underline; text-underline-offset: 3px; }.guide-content code { font-size: .9em; color: #edd3a3; overflow-wrap: anywhere; }.guide-content pre { white-space: pre-wrap; overflow-wrap: anywhere; padding: 24px; background: #101b22; border: 1px solid #34434c; border-radius: 10px; }.guide-content table { display: block; overflow: auto; width: 100%; border-collapse: collapse; font-size: 14px; }.guide-content td, .guide-content th { padding: 12px; border: 1px solid #34434c; text-align: left; min-width: 135px; }.guide-content th { color: #eff3f4; background: #1e2a32; }.guide-content footer { margin-top: 50px; padding-top: 20px; border-top: 1px solid #34434c; font-size: 13px; }.docs-search-label { display: grid; gap: 8px; font-size: 12px; color: #b8c9d2; margin: 0 0 12px; }.docs-search-label input { min-width: 0; width: 100%; padding: 11px; border: 1px solid #435c6b; border-radius: 7px; color: #eff3f4; background: #101b22; font: inherit; }[data-doc-results] { font-size: 13px; max-height: 45vh; overflow: auto; }[data-doc-results] a { display: block; color: #b8dff3; padding: 9px; }.docs-start-links { display: flex; flex-wrap: wrap; gap: 12px; margin: 22px 0; }.docs-start-links a { border: 1px solid #486171; border-radius: 8px; padding: 10px 16px; color: #c8e6f5; }
@media(max-width: 850px) { .docs-workspace { grid-template-columns: 1fr; gap: 25px; padding: 25px 18px; }.guide-nav { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }.docs-search-label, [data-doc-results] { grid-column: 1 / -1; }.docs-header { flex-wrap: wrap; gap: 12px; }.docs-header span { display: none; } }
.guide-content img { max-width: 100%; height: auto; border: 1px solid #34434c; border-radius: 12px; }