:root{--palette-ffffff:#ffffff;--palette-18232d:#18232d;--palette-007fbd:#007fbd;--palette-435565:#435565;--palette-566573:#566573;--palette-d0d9e0:#d0d9e0;--palette-eaf5fc:#eaf5fc;--palette-cce8f7:#cce8f7;--palette-bfe8ff:#bfe8ff;--palette-f1f8fd:#f1f8fd;--palette-102a43:#102a43;--palette-006da3:#006da3;--palette-38627e:#38627e;--palette-102a4399:#102a4399;}
/* P11-inspired palette from the supplied reference. */
:root{--p11-blue:#0088cc;--p11-link:#0079b5;--p11-soft:#eaf5fc;--p11-navy:#102a43;accent-color:var(--p11-blue);scrollbar-color:var(--p11-blue) #eef3f6}
body{border-right:8px solid var(--p11-blue);min-height:100vh}
::selection{background:#bfe8ff;color:#102a43}
.toolbar,.lab-header,body>header{border-top:5px solid var(--p11-blue)}
.wordmark,.brand,.slide-title,.lesson-top h1,main>h1,.board h1{color:var(--p11-link)}
.primary,button.primary,#load,.lesson-link.active,.scenarios button[aria-pressed=true],.step-list button[aria-current=step]{background:var(--p11-link);border-color:var(--p11-link);color:white}
.primary:hover,button.primary:hover,#load:hover{background:#006a9e;border-color:#006a9e}
.cover-graphic{background:var(--p11-blue);border-radius:14px 14px 28px 14px;color:white}
.cover-graphic .eyebrow,.cover-topic span,.cover-graphic .footnote{color:white}
.cover-topic{border-color:#ffffff66}
.code-block,#editor,.step-detail pre{background:var(--p11-navy);color:#f1f8fd}
#editor::selection{background:#38627e;color:white}
.subsystems>div.active{background:var(--p11-link);border-color:var(--p11-link);color:white}
.lesson-link.active span{color:white}
.lane.active{background:var(--p11-soft)}
.progress span{background:var(--p11-blue)}
dialog{border-top:5px solid var(--p11-blue)}
@media(max-width:650px){body{border-right-width:4px}}
@media print{body{border:0}.print-slide .code-block{background:#eaf5fc;color:#102a43}}