.pp-main{background:var(--bg);min-height:100vh;padding-bottom:5rem}.pp-dev-demo-banner{margin:0 auto;max-width:1120px;padding:.65rem 1.25rem;font-size:.8125rem;line-height:1.5;color:var(--text-secondary);background:color-mix(in srgb,var(--public-accent) 8%,var(--bg-surface));border-bottom:1px solid color-mix(in srgb,var(--public-accent) 22%,var(--glass-border))}.pp-dev-demo-banner strong{color:var(--text)}.pp-dev-demo-code{font-family:var(--mono,ui-monospace,monospace);font-size:.78em;padding:.1em .35em;border-radius:4px;background:var(--bg-surface-alt);border:1px solid var(--glass-border)}.pp-breadcrumb{font-size:.8125rem;color:var(--text-muted);margin-bottom:1.25rem}.pp-breadcrumb a{color:var(--text-secondary)}.pp-breadcrumb a:hover{color:var(--public-accent)}.pp-hero{padding-top:1.5rem;padding-bottom:2rem;border-bottom:1px solid var(--glass-border);background:var(--bg-surface)}.pp-hero-inner{max-width:1120px;margin:0 auto;padding:0 1.5rem}.pp-title{font-size:clamp(1.65rem,3.5vw,2.35rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--text);margin-bottom:.75rem;max-width:900px}.pp-lead{font-size:1.0625rem;color:var(--text-secondary);line-height:1.65;max-width:720px}.pp-wrap{max-width:1120px;margin:0 auto;padding:2rem 1.5rem 4rem}.pp-grid{display:grid;gap:2rem;align-items:start}@media (min-width:960px){.pp-grid{grid-template-columns:1fr minmax(300px,340px)}}.pp-media{width:100%;aspect-ratio:16/9;border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-surface-alt);border:1px solid var(--glass-border)}.pp-meta-row{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--glass-border)}.pp-body-with-nav{display:grid;gap:1.25rem;margin-top:.25rem;min-width:0}.pp-tabs-rail{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.35rem;overflow-x:auto;overflow-y:hidden;padding:.35rem 0 .75rem;margin:0 -.25rem;border-bottom:1px solid var(--glass-border);-webkit-overflow-scrolling:touch;scrollbar-width:thin}.pp-tabs-rail::-webkit-scrollbar{height:4px}.pp-tab.pp-tab--rail{flex:0 0 auto;padding:.55rem .85rem;font-size:.8125rem;font-weight:600;color:var(--text-muted);border-radius:var(--radius-md);border:1px solid transparent;background:transparent;cursor:pointer;transition:color .15s,background .15s,border-color .15s;white-space:nowrap}.pp-tab.pp-tab--rail:hover{color:var(--text);background:var(--glass)}.pp-tab.pp-tab--rail[aria-selected=true]{color:var(--public-accent);background:var(--public-accent-soft);border-color:color-mix(in srgb,var(--public-accent) 35%,transparent);box-shadow:none}@media (min-width:768px){.pp-body-with-nav{grid-template-columns:minmax(10.5rem,12.75rem) minmax(0,1fr);align-items:start;gap:1.5rem;margin-top:1rem}.pp-tabs-rail{flex-direction:column;flex-wrap:nowrap;overflow:visible;padding:.5rem;margin:0;border-bottom:none;border-radius:var(--radius-xl);border:1px solid var(--glass-border);background:var(--bg-elevated);box-shadow:var(--shadow-sm);position:sticky;top:1rem;align-self:start;max-height:calc(100vh - 2rem);overflow-y:auto}.pp-tab.pp-tab--rail{width:100%;text-align:left;white-space:normal;line-height:1.35;padding:.65rem .85rem;border-radius:var(--radius-md)}.pp-tab.pp-tab--rail[aria-selected=true]{border-color:color-mix(in srgb,var(--public-accent) 40%,transparent);box-shadow:inset 3px 0 0 var(--public-accent)}}.pp-panel{font-size:.9375rem;color:var(--text-secondary);line-height:1.7;min-width:0}.pp-fin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10.5rem),1fr));gap:1rem}.pp-stat-card{min-width:0;padding:1rem;background:var(--bg-surface-alt);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.pp-stat-card .stat-label{display:block;margin-bottom:.35rem}.pp-stat-card__value{font-size:clamp(.88rem,2.4vw,1.1rem);font-weight:700;color:var(--text);line-height:1.3;overflow-wrap:anywhere;word-break:break-word;font-variant-numeric:tabular-nums}.pp-panel h3{font-size:1rem;font-weight:700;color:var(--text);margin:1.5rem 0 .75rem}.pp-panel h3:first-child{margin-top:0}.pp-sidebar-card{position:sticky;top:1rem;background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-sm)}.pp-stat-big{font-size:clamp(1.65rem,3vw,2rem);font-weight:800;font-family:var(--mono);font-variant-numeric:tabular-nums;line-height:1.1;overflow-wrap:anywhere;word-break:break-word}.pp-mobile-cta{position:fixed;bottom:0;left:0;right:0;background:var(--bg-surface);padding:1rem;border-top:1px solid var(--glass-border);z-index:100;box-shadow:0 -8px 32px rgba(10,10,10,.06)}@media (min-width:960px){.pp-mobile-cta{display:none}}