.pp-container{--bg-primary:#0b1220;--bg-card:#0f172a;--accent-cyan:#00acc1;--accent-sky:#38bdf8;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-light:#cbd5e1;--border-light:rgba(255,255,255,0.06);--border-focus:rgba(56,189,248,0.35);--shadow-premium:0 4px 20px rgba(0,0,0,0.25);--shadow-glow:0 8px 30px rgba(0,172,193,0.12);background-color:var(--bg-primary);color:var(--text-primary);height:calc(100vh - 72px);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;position:relative;z-index:10}.pp-scroll-progress-container{position:fixed;top:12px;left:0;right:0;height:4px;background-color:rgba(255,255,255,.03);z-index:100}.pp-scroll-progress-fill{height:100%;background:linear-gradient(to right,var(--accent-cyan),var(--accent-sky));width:0;transition:width .1s linear;box-shadow:0 0 8px var(--accent-sky)}.pp-grid{display:grid;grid-template-columns:280px 1fr;height:100%;overflow:hidden}.pp-sidebar{background:var(--bg-card);border-right:1px solid var(--border-light);padding:2.5rem 1.5rem;height:100%;display:flex;flex-direction:column;overflow-y:auto}.pp-sidebar-header{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-secondary);font-weight:850;margin-bottom:.5rem}.pp-updated-container{font-size:.75rem;color:var(--accent-sky);margin-bottom:2rem;display:flex;align-items:center;gap:.4rem;font-weight:500}.pp-updated-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 6px var(--accent-cyan)}.pp-sidebar-links{display:flex;flex-direction:column;gap:.4rem}.pp-sidebar-btn{display:flex;align-items:center;width:100%;text-align:left;background:transparent;border:none;border-left:3px solid transparent;color:var(--text-secondary);font-size:.92rem;padding:.6rem .8rem;cursor:pointer;line-height:1.4;border-radius:4px;transition:all .25s cubic-bezier(.4,0,.2,1);font-weight:500;font-family:inherit}.pp-sidebar-btn:hover{color:#ffffff;background:rgba(255,255,255,.03)}.pp-sidebar-btn.active{color:var(--accent-sky);background:rgba(56,189,248,.05);border-left-color:var(--accent-sky);font-weight:700;padding-left:1rem}.pp-toc-num{color:var(--text-secondary);margin-right:.65rem;font-size:.78rem;font-variant-numeric:tabular-nums;opacity:.7}.pp-sidebar-btn.active .pp-toc-num{color:var(--accent-cyan);opacity:1}.pp-content-wrapper{height:100%;overflow-y:auto;padding:3rem 4rem 6rem;scroll-behavior:smooth;background:radial-gradient(ellipse at top right,rgba(0,172,193,.03) 0,transparent 50%)}.pp-hero{padding-bottom:2rem;margin-bottom:3rem;border-bottom:1px solid var(--border-light);text-align:left}.pp-eyebrow{color:var(--accent-sky);font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;margin-bottom:.5rem;font-weight:700}.pp-title{font-size:2.75rem;font-weight:900;margin:0 0 .8rem;color:#ffffff;letter-spacing:-.02em}.pp-subtitle{color:var(--text-secondary);max-width:70ch;font-size:1.1rem;line-height:1.6;margin:0 0 1.2rem}.pp-updated{font-size:.85rem;color:var(--accent-sky);display:inline-flex;align-items:center;gap:.6rem;background:rgba(56,189,248,.06);padding:.3rem .8rem;border-radius:12px;border:1px solid rgba(56,189,248,.15);font-weight:500}.pp-updated:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 6px var(--accent-cyan);display:inline-block}.pp-content{display:flex;flex-direction:column;gap:2rem;max-width:900px}.pp-section-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:2.5rem;box-shadow:var(--shadow-premium);scroll-margin-top:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.pp-section-card:hover{border-color:var(--border-focus);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.pp-card-badge{font-size:.72rem;font-weight:700;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.15em;margin-bottom:.8rem;background:rgba(0,172,193,.08);display:inline-block;padding:.25rem .75rem;border-radius:6px}.pp-card-title{font-size:1.6rem;font-weight:800;margin:0 0 1.25rem;color:#ffffff;letter-spacing:-.01em}.pp-card-body p{color:var(--text-light);font-size:1.02rem;line-height:1.7;margin:0 0 1.25rem}.pp-card-body p:last-child{margin-bottom:0}.pp-card-body ul{list-style:none;margin:1.25rem 0;padding-left:0}.pp-card-body li{position:relative;margin-bottom:.75rem;padding-left:1.5rem;color:var(--text-light);font-size:1rem;line-height:1.6}.pp-card-body li:before{content:"";position:absolute;left:.25rem;top:.6em;width:5px;height:5px;border-radius:50%;background-color:var(--accent-sky);box-shadow:0 0 4px var(--accent-sky)}.pp-card-body strong{color:#ffffff;font-weight:600}.pp-card-body a{color:var(--accent-sky);text-decoration:none;border-bottom:1px dashed var(--accent-sky);transition:all .2s ease}.pp-card-body a:hover{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan)}@media (max-width:992px){.pp-container,.pp-grid{height:auto;overflow:visible}.pp-grid{grid-template-columns:1fr}.pp-sidebar{height:auto;border-right:none;border-bottom:1px solid var(--border-light);padding:2rem 1.5rem}.pp-content-wrapper{height:auto;overflow-y:visible;padding:2rem 1.5rem 4rem}}@media (max-width:576px){.pp-content-wrapper{padding:1.5rem 1rem 3rem}.pp-section-card{padding:1.75rem}.pp-card-title{font-size:1.45rem}}@media (prefers-reduced-motion:reduce){.pp-scroll-progress-fill,.pp-section-card,.pp-sidebar-btn{transition:none!important;transform:none!important}}