.pattern-scroll { animation:none; opacity:.26; }
.docs-layout { width:min(1180px,calc(100% - 64px)); margin:40px auto 80px; display:grid; grid-template-columns:190px minmax(0,1fr); gap:72px; }
.docs-sidebar nav { position:sticky; top:32px; display:flex; flex-direction:column; gap:16px; font-size:13px; color:var(--secondary); }
.eyebrow,.section-index { font-size:11px; letter-spacing:.12em; color:var(--accent); }
.docs-sidebar .eyebrow { margin-bottom:12px; }.docs-sidebar a:hover { color:var(--accent); }.docs-machine { margin-top:20px; }
.docs-content { min-width:0; line-height:1.75; overflow-wrap:anywhere; }
.docs-intro { padding-bottom:52px; }.docs-intro h1 { white-space:normal; max-width:none; font-size:clamp(34px,4vw,48px); margin:16px 0 20px; }
.docs-intro>p:last-of-type { max-width:580px; color:var(--secondary); font-size:17px; }
.docs-actions { display:flex; align-items:center; flex-wrap:wrap; gap:16px; margin-top:24px; }
.docs-actions a { display:inline-flex; align-items:center; }.docs-content a:not(.primary):not(.secondary) { color:var(--accent); text-decoration:underline; text-underline-offset:4px; }
.docs-content section { border-top:1px solid #56594f; padding:36px 0 44px; scroll-margin-top:24px; }
.docs-content h2 { font-size:28px; margin:10px 0 22px; }.docs-content h3 { font-size:19px; margin:28px 0 12px; }
.docs-content p:not(.eyebrow):not(.section-index) { margin-top:16px; }.docs-content ol { padding-left:24px; }.docs-content li+li { margin-top:12px; }
.docs-note { background:var(--surface); padding:20px 24px; border-left:3px solid var(--accent); border-radius:0 8px 8px 0; margin-top:24px; }.docs-note p { color:var(--secondary); }
.docs-features { margin:0; }.docs-features>div { display:grid; grid-template-columns:140px minmax(0,1fr); gap:24px; padding:16px 0; }.docs-features dt { font-weight:500; }.docs-features dd { margin:0; color:var(--secondary); }
.docs-table-scroll { overflow-x:auto; margin:24px 0; border:1px solid #56594f; border-radius:10px; background:var(--surface); }.docs-table-scroll:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
table { width:100%; border-collapse:collapse; font-size:14px; text-align:left; }caption { text-align:left; padding:18px 20px; font-size:12px; color:var(--secondary); }th,td { padding:12px 20px; border-top:1px solid #56594f; }thead th { color:var(--accent); }tbody th { font-weight:400; }td { white-space:nowrap; }
code { font-size:.88em; padding:2px 5px; border-radius:3px; background:var(--surface); }.docs-beta { display:inline-block; vertical-align:middle; color:var(--accent); font-size:10px; letter-spacing:.1em; margin-left:8px; padding:2px 6px; border:1px solid #77703c; border-radius:4px; }
.docs-fine { font-size:13px; color:var(--secondary); }.docs-email { font-size:14px; }.docs-end { display:flex; justify-content:space-between; gap:20px; font-size:13px; }
@media(max-width:850px) { .docs-layout { gap:32px; grid-template-columns:150px minmax(0,1fr); }.docs-features>div { grid-template-columns:1fr; gap:5px; } }
@media(max-width:600px) { .docs-layout { width:calc(100% - 40px); display:block; margin-top:24px; }.docs-sidebar nav { position:static; flex-direction:row; flex-wrap:wrap; gap:12px 20px; padding-bottom:28px; }.docs-sidebar .eyebrow { width:100%; margin:0; }.docs-machine { margin:0; }.docs-intro { padding:20px 0 36px; }.docs-content h2 { font-size:25px; }.docs-content section { padding:28px 0 32px; }.docs-content { font-size:14px; }table { font-size:12px; }th,td { padding:10px 12px; }.docs-note { padding:16px; }.docs-actions .primary,.docs-actions .secondary { justify-content:center; flex:1; white-space:nowrap; } }