/* Studio context remains separate from each concept's own identity. */
body .pp-demo-bar{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;box-sizing:border-box;padding:0 4vw;background:#06111c;color:#c0deed;font:11px/1.4 Arial,sans-serif;letter-spacing:.04em;}
body .pp-demo-bar a{display:inline-flex;align-items:center;min-height:48px;gap:9px;color:#f1f0e9;text-decoration:none;border:0;}
body .pp-demo-bar a:focus-visible{outline:2px solid #b9e4f5;outline-offset:-4px;}
body .pp-demo-bar a:hover{color:#b9e4f5;}
body .pp-demo-bar svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;}
@media(max-width:600px){body .pp-demo-bar{padding:0 14px;font-size:10px;gap:12px;}body .pp-demo-brand{display:none;}body .pp-demo-bar>span{text-align:right;}}
@media print{body .pp-demo-bar{display:none!important;}}
/* Reserve the shared context bar in both native anchor and keyboard navigation. */
html{scroll-padding-top:64px}body .skip{z-index:1100}body .skip:focus{top:8px}
body .menu-nav{top:48px}body .menu-chapter{scroll-margin-top:90px}
.pp-demo-contact{padding:40px max(5vw,20px);background:#06111c;color:#f1f0e9;font:16px/1.6 Arial,sans-serif;border-top:1px solid #476173}
.pp-demo-contact>span{font-size:11px;letter-spacing:.08em;color:#b9dbe9}.pp-demo-contact p{font:inherit;margin:12px 0;max-width:650px}.pp-demo-contact a{display:inline-block;color:#b9e4f5;min-height:44px;padding:8px 0;text-decoration:underline;text-underline-offset:5px}.pp-demo-contact small{display:block;font-size:12px;color:#b5c5ce}.pp-demo-contact a:focus-visible{outline:2px solid #b9e4f5;outline-offset:5px}
@media print{.pp-demo-contact{display:none!important}}