pre{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;overflow-x:auto;font-size:14px;line-height:1.6;margin:12px 0}pre code{background:none;border:none;padding:0}.layout{max-width:1100px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:220px 1fr;gap:48px}.sidebar{padding:24px 18px;position:sticky;top:88px;align-self:start;max-height:calc(100vh - 72px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;background:linear-gradient(180deg,#ffffff05,#ffffff03),radial-gradient(circle at top left,rgba(249,115,22,.08),transparent 46%);border:1px solid var(--border);border-radius:18px;box-shadow:0 18px 48px #0000002e}.sidebar::-webkit-scrollbar{display:none}.sidebar-group{margin-bottom:24px}.sidebar-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:10px}.sidebar a{display:block;padding:8px 10px;font-size:14px;color:var(--text-muted);text-decoration:none;border-radius:10px;transition:background .18s ease,color .18s ease}.sidebar a:hover{color:var(--text);background:#ffffff0a}.sidebar a.active{color:var(--text);font-weight:600;background:#f973161f}.content{padding:48px 0 96px;min-width:0;max-width:780px}.content h1,.content h2,.content h3{font-family:Azeret Mono,IBM Plex Mono,SF Mono,Menlo,Monaco,Consolas,monospace;color:var(--text)}.content h1{font-size:clamp(34px,4vw,46px);font-weight:800;letter-spacing:-.045em;line-height:1.04;margin-bottom:12px}.content h2{font-size:24px;font-weight:800;margin:52px 0 18px;letter-spacing:-.03em}.content h3{font-size:18px;font-weight:700;margin:28px 0 10px;letter-spacing:-.02em}.content p{color:var(--text-muted);margin-bottom:14px;font-size:16px;line-height:1.72}.content ul,.content ol{color:var(--text-muted);font-size:16px;padding-left:20px;margin-bottom:14px;line-height:1.72}.content li{margin-bottom:6px}.content>h1:first-child{padding-bottom:14px;border-bottom:1px solid rgba(249,115,22,.18)}.content .subtitle{font-size:17px;color:var(--text-dim);max-width:64ch;margin-bottom:24px}.content img{border-radius:16px;border:1px solid var(--border);box-shadow:0 18px 44px #0003;margin:18px 0 22px}.callout{background:linear-gradient(180deg,#ffffff05,#ffffff03),radial-gradient(circle at top left,rgba(249,115,22,.08),transparent 42%);border:1px solid var(--border);border-radius:18px;padding:22px 24px;margin:24px 0;box-shadow:0 18px 44px #00000029}.callout p{margin-bottom:0}.doc-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:20px 0 28px}.doc-actions a{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:700;text-decoration:none}.doc-actions .primary{color:#fff;background:linear-gradient(135deg,var(--accent),#ea580c);box-shadow:0 10px 30px #f973162e}.doc-actions .secondary{color:var(--text-muted);border:1px solid var(--border);background:#ffffff05}.doc-actions .secondary:hover{color:var(--text);border-color:var(--text-dim)}.related-docs{margin-top:56px;padding-top:8px}.step{display:flex;gap:16px;margin:24px 0}.step-num{width:32px;height:32px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff;flex-shrink:0;margin-top:2px}.step-body{flex:1}.step-body h3{margin-top:0}.feat-row{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);font-size:14px}.feat-row strong{color:var(--text)}.feat-row span{color:var(--text-muted)}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700}.badge-free{background:#22c55e26;color:var(--green)}.badge-pro{background:#f9731626;color:var(--accent)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:24px 0}.card{padding:24px;border-radius:18px;background:linear-gradient(180deg,#ffffff05,#ffffff03),radial-gradient(circle at top left,rgba(249,115,22,.07),transparent 40%);border:1px solid var(--border);text-decoration:none;transition:border-color .2s,transform .18s ease,box-shadow .18s ease;box-shadow:0 14px 36px #00000024}.card:hover{border-color:#f9731647;transform:translateY(-2px);text-decoration:none;box-shadow:0 20px 42px #0000002e}.card h3{font-family:Azeret Mono,IBM Plex Mono,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:15px;font-weight:700;color:var(--text);margin-bottom:8px;letter-spacing:-.02em}.card p{font-size:14px;color:var(--text-muted);margin:0;line-height:1.65}.shortcut-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:18px;overflow:hidden;border:1px solid var(--border);margin:18px 0 24px;box-shadow:0 18px 44px #00000026}.shortcut-table th,.shortcut-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border);font-size:14px}.shortcut-table th{background:linear-gradient(180deg,#ffffff08,#ffffff03);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim)}.shortcut-table td{line-height:1.62}.shortcut-table tbody tr:last-child td{border-bottom:none}.shortcut-table kbd{background:var(--bg-card);border:1px solid var(--border);padding:2px 8px;border-radius:4px;font-size:13px;font-family:SF Mono,Menlo,Monaco,monospace}.compare-table-wrap{margin:20px 0 24px;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#ffffff05,#ffffff03),radial-gradient(circle at top left,rgba(249,115,22,.08),transparent 44%);box-shadow:0 18px 44px #00000026}.compare-table{width:100%;border-collapse:collapse;table-layout:fixed}.compare-table th,.compare-table td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border);font-size:14px;line-height:1.65}.compare-table th{background:linear-gradient(180deg,#ffffff08,#ffffff03);color:var(--text-dim);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.compare-table th:first-child,.compare-table td:first-child{width:24%}.compare-table th.hl,.compare-table td.hl{background:#f9731614}.compare-table tbody tr:last-child td{border-bottom:none}.compare-table td strong{color:var(--text);font-weight:700}@media(max-width:768px){.layout{grid-template-columns:1fr;gap:0;padding:0 16px}.sidebar{position:static;max-height:none;padding:16px 14px;display:none}.sidebar.open{display:block}.docs-menu-toggle{display:block!important}.content{padding:24px 0 64px}.content h1{font-size:30px}.content h2{font-size:21px;margin-top:36px}.feat-row{grid-template-columns:1fr}.shortcut-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.compare-table-wrap{border:none;border-radius:0;background:transparent;margin:16px 0 24px}.compare-table,.compare-table thead,.compare-table tbody,.compare-table tr,.compare-table th,.compare-table td{display:block;width:100%}.compare-table thead{display:none}.compare-table tr{margin-bottom:12px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#ffffff05}.compare-table td{padding:10px 14px;border-bottom:1px solid var(--border)}.compare-table td:first-child{width:100%;background:var(--bg-card)}.compare-table td:last-child{border-bottom:none}.compare-table td:before{content:attr(data-label);display:block;margin-bottom:4px;color:var(--text-dim);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.compare-table td:first-child:before{margin-bottom:6px}pre{font-size:13px;padding:12px 16px}.card-grid{grid-template-columns:1fr}}
