body { background: var(--pt-bg); }
        .doc-layout { display:flex; gap:32px; padding:32px 0 60px; align-items:flex-start; }
        .doc-toc { width:200px; flex-shrink:0; position:sticky; top:76px; }
        .doc-toc a { display:block; padding:8px 14px; font-size:13px; color:var(--pt-text-secondary); border-left:2px solid var(--pt-border); transition:var(--pt-transition); }
        .doc-toc a:hover { color:var(--pt-primary); }
        .doc-toc a.active { color:var(--pt-primary); border-left-color:var(--pt-primary); font-weight:600; background:var(--pt-primary-light); }
        .doc-body { flex:1; min-width:0; background:var(--pt-bg-white); border:1px solid var(--pt-border); border-radius:var(--pt-radius); padding:40px 48px; }
        .doc-body h1 { font-size:26px; font-weight:800; margin-bottom:8px; }
        .doc-meta { font-size:12px; color:var(--pt-text-muted); margin-bottom:28px; padding-bottom:16px; border-bottom:1px solid var(--pt-border); }
        .doc-body h2 { font-size:18px; font-weight:700; margin:32px 0 12px; scroll-margin-top:80px; }
        .doc-body h2:first-of-type { margin-top:0; }
        .doc-body p, .doc-body li { font-size:14px; line-height:1.8; color:var(--pt-text-secondary); }
        .doc-body ol, .doc-body ul { padding-left:22px; margin:8px 0; }
        .doc-body li { margin-bottom:6px; }
        @media(max-width:768px){ .doc-toc{display:none;} .doc-body{padding:24px;} }