.pp-center{margin:24px 0 90px}.pp-nav{border-block:1px solid var(--line);padding:20px 0;display:flex;align-items:center;gap:32px}.pp-brand{flex-shrink:0}.pp-brand img{object-fit:contain}.pp-nav>div{display:flex;gap:5px;overflow:auto;padding:4px}.pp-nav>div>a{font-size:12px;white-space:nowrap;padding:12px;min-height:44px;border-radius:7px;color:var(--muted)}.pp-nav a[aria-current]{color:var(--text);background:#7358d933}.pp-heading{padding:64px 0 50px;max-width:960px}.pp-heading h1{font-size:clamp(42px,6vw,82px);letter-spacing:-.055em;line-height:1.03;margin:20px 0 24px}.pp-heading .actions{margin-top:30px}.pp-reading{display:grid;grid-template-columns:230px minmax(0,1fr);gap:65px}.pp-toc{position:sticky;top:105px;align-self:start;border-top:2px solid var(--violet);padding:24px 0}.pp-toc>a{display:block;padding:10px 0;font-size:13px;color:var(--muted);min-height:44px}.pp-reading article{max-width:850px}.pp-reading article section{margin-bottom:64px;scroll-margin-top:110px}.pp-reading h2{font-size:clamp(26px,3vw,37px);letter-spacing:-.025em}.pp-reading p,.pp-reading li,.pp-reading dd{color:var(--muted);line-height:1.85}.pp-reading dt{margin-top:22px;font-weight:700}.pp-reading dd{margin:6px 0}.pp-reading a{color:#bfaeff;text-decoration:underline;text-underline-offset:4px}.pp-reading .button{color:var(--text);text-decoration:none}.pp-cycle{list-style:none;padding:0;counter-reset:cycle;display:grid;grid-template-columns:1fr 1fr;gap:12px}.pp-cycle li{counter-increment:cycle;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:22px}.pp-cycle li:before{content:'0' counter(cycle);color:#bfaeff;font:12px monospace;display:block;margin-bottom:15px}.pp-cycle b,.pp-cycle span{display:block}.pp-cycle b{font-size:20px;color:var(--text);margin-bottom:10px}.pp-cycle span{font-size:14px}.pp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pp-cards>a{display:flex;flex-direction:column;gap:15px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px;text-decoration:none}.pp-cards span{font-size:13px;color:var(--muted)}.pp-table{overflow:auto;border:1px solid var(--line);border-radius:12px}.pp-table table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.pp-table caption{text-align:left;padding:18px;color:var(--muted)}.pp-table th,.pp-table td{padding:16px;border-top:1px solid var(--line);min-width:140px}.pp-formula{border-left:3px solid var(--violet);padding:24px;background:var(--panel);font:14px/1.8 monospace}.pp-formula b,.pp-formula span{display:block;overflow-wrap:anywhere}.pp-showcase{margin-bottom:80px;background:linear-gradient(120deg,#7358d915,#10b9cf08);border:1px solid var(--line);border-radius:20px;padding:36px}.pp-showcase h2{font-size:clamp(34px,4vw,52px)}.pp-example-nav{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.pp-example-nav button{border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:14px 18px;border-radius:8px;min-height:44px;cursor:pointer}.pp-example-nav button[aria-pressed=true]{border-color:#ab94ff;color:var(--text);background:#7358d933}.pp-example{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;margin:0;align-items:center}.pp-example[hidden]{display:none}.pp-example img{display:block;width:auto;max-width:100%;max-height:610px;object-fit:contain;background:#fff;margin:auto;border-radius:8px}.pp-example a{display:block;cursor:zoom-in}.pp-example aside{border-left:2px solid var(--violet);padding-left:25px}.pp-example figcaption,.pp-videos figcaption{font-size:12px;line-height:1.7;color:var(--muted);margin-top:20px}.pp-example aside p{color:var(--muted);line-height:1.8}.pp-videos{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pp-videos figure{margin:0}.pp-videos video{width:100%;border:1px solid var(--line);border-radius:10px}.pp-end{margin-top:70px;padding:36px;border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:35px}.pp-end>div:last-child{display:flex;flex-direction:column;align-items:start;gap:16px}.pp-end h2{font-size:34px}dialog[data-pp-lightbox]{background:var(--bg);border:1px solid var(--line);border-radius:14px;max-width:95vw;max-height:94vh;padding:18px}dialog[data-pp-lightbox]::backdrop{background:#000d}dialog[data-pp-lightbox] img{display:block;max-height:80vh;max-width:85vw;object-fit:contain;margin:16px auto}dialog[data-pp-lightbox] button{color:var(--text);background:var(--panel);border:1px solid var(--line);padding:12px;cursor:pointer}
@media(max-width:1000px){.pp-nav{display:block}.pp-nav>div{margin-top:15px}.pp-reading{grid-template-columns:180px minmax(0,1fr);gap:30px}.pp-cards{grid-template-columns:1fr}.pp-example{gap:24px}.pp-showcase{padding:24px}}
@media(max-width:720px){.pp-heading{padding-top:38px}.pp-reading{display:block}.pp-toc{position:static;margin-bottom:35px}.pp-toc>a{display:inline-block;margin-right:16px}.pp-example{display:block}.pp-example aside{margin-top:24px}.pp-showcase{padding:18px}.pp-example-nav{display:grid;grid-template-columns:1fr 1fr}.pp-example img{max-height:520px}.pp-cycle,.pp-end,.pp-videos{grid-template-columns:1fr}.pp-end{padding:25px 0}.pp-table th,.pp-table td{padding:12px;min-width:110px}.pp-heading .actions .button{width:100%}.pp-example aside h3{font-size:24px}}
.pp-nav{display:block}.pp-nav>div{flex-wrap:wrap;overflow:visible;margin-top:16px;gap:3px}.pp-nav>div>a{white-space:normal}.pp-nav>div>a:focus-visible{outline:2px solid #c4b5ff;outline-offset:3px}.pp-example-nav button:focus-visible{outline:2px solid #c4b5ff;outline-offset:3px}
@media(max-width:720px){.pp-nav>div{flex-wrap:nowrap;overflow:auto}.pp-nav>div>a{white-space:nowrap}.pp-nav>div>a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.pp-center *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}