/* Public website only. Uses the saved workspace preference; no new theme store. */
.bn-ui .pl-site{
 --pl-canvas:#FFFFFF;--pl-panel:#FFFFFF;--pl-soft:#F8FAF1;
 --pl-ink:#141615;--pl-muted:#51594A;--pl-line:#D9DFD0;--pl-control-line:#87907B;
}
.bn-ui .pl-site .pl-theme-toggle{
 display:inline-flex;align-items:center;justify-content:center;flex:none;
 width:44px;min-width:44px;height:44px;min-height:44px;padding:10px;
 border:1px solid var(--pl-line);border-radius:12px;background:var(--pl-canvas);color:var(--pl-ink);
}
.bn-ui .pl-site .pl-theme-toggle svg{display:block;width:22px;height:22px;stroke-linecap:round;stroke-linejoin:round;flex:none}
.bn-ui .pl-site .pl-theme-toggle .pl-theme-sun{display:none}
.bn-ui .pl-site .pl-theme-toggle[aria-checked=true] .pl-theme-moon{display:none}
.bn-ui .pl-site .pl-theme-toggle[aria-checked=true] .pl-theme-sun{display:block}
.bn-ui .pl-site .pl-theme-toggle:hover{background:var(--pl-soft);border-color:var(--pl-control-line)}
.bn-ui .pl-site .pl-theme-toggle:active{background:var(--pl-soft)}
.bn-ui .pl-site .pl-account-header{display:flex;flex-wrap:nowrap;gap:12px}
.bn-ui .pl-site .pl-account-header>a{min-width:0}
.bn-ui .pl-site .pl-account-header>a:first-child{margin-right:auto;flex:0 1 122px}
.bn-ui .pl-site .pl-account-header>.pl-back{flex:0 1 auto}
.bn-ui .pl-site .bc2-header-row{column-gap:10px}
.bn-ui .pl-site .bc2-logo{min-width:0;flex-shrink:1}
.bn-ui .pl-site .bc2-logo .bn-logo{max-width:100%}

/* Compact supporting notes. Native buttons give touch and keyboard the same access.
   Mobile expands in flow; fine-pointer desktops show a hoverable panel. */
.bn-ui .pl-site .pn-note{position:relative;width:fit-content;max-width:100%;margin:4px 0 0}
.bn-ui .pl-site .pn-note-toggle{
 display:inline-block;vertical-align:middle;min-height:44px;max-width:100%;white-space:normal;
 padding:10px 12px;border:1px solid var(--pl-control-line);border-radius:8px;
 color:var(--pl-ink);background:var(--pl-panel);font:500 14px/1.5 var(--bn-font-ui);text-align:left;
}
.bn-ui .pl-site .pn-note-toggle span{overflow-wrap:break-word}
.bn-ui .pl-site .pn-note-toggle:hover{background:var(--pl-soft)}
.bn-ui .pl-site .pn-note-toggle[aria-expanded=true]{border-color:var(--pl-ink);background:var(--pl-soft)}
.bn-ui .pl-site .pn-note svg{display:inline-block;vertical-align:middle;width:18px;height:18px;flex:none;stroke-linecap:round;stroke-linejoin:round}
.bn-ui .pl-site .pn-note .pn-info{color:var(--pl-muted);margin-right:8px}
.bn-ui .pl-site .pn-note .pn-chevron{width:16px;height:16px;margin-left:8px}
.bn-ui .pl-site .pn-note-toggle[aria-expanded=true] .pn-chevron{transform:rotate(180deg)}
.bn-ui .pl-site .pn-open{width:100%}
.bn-ui .pl-site .pn-note-panel{
 margin-top:8px;padding:10px 16px 16px;width:100%;max-width:380px;
 background:var(--pl-panel);color:var(--pl-ink);border:1px solid var(--pl-control-line);border-radius:10px;
}
.bn-ui .pl-site .pn-note-panel[hidden]{display:none}
.bn-ui .pl-site .pn-note-heading{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.bn-ui .pl-site .pn-note-heading strong{font-size:14px;line-height:1.5;font-weight:700;flex:1;min-width:0}
.bn-ui .pl-site .pn-note-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;margin:-2px -8px -2px 0;padding:10px;border:0;border-radius:8px;background:transparent;color:var(--pl-ink)}
.bn-ui .pl-site .pn-note-close:hover{background:var(--pl-soft)}
.bn-ui .pl-site .pn-note-panel p{margin:0;font:400 16px/1.6 var(--bn-font-ui);color:var(--pl-muted)}
.bn-ui .pl-site .pc2-model>.pn-note{margin-top:16px}
.bn-ui .pl-site .pl-community>.pn-note{margin:16px 0 4px}
.bn-ui .pl-site .pl-agree>.pn-note{margin-top:4px}
@media(min-width:700px) and (hover:hover) and (pointer:fine){
 .bn-ui .pl-site .pn-open{width:fit-content;z-index:12}
 .bn-ui .pl-site .pn-note-panel{position:absolute;top:100%;left:0;z-index:1;width:340px;max-width:calc(100vw - 80px);box-shadow:0 8px 24px #14161516}
 .bn-ui .pl-site .pn-note.pn-above .pn-note-panel{top:auto;bottom:100%;margin-top:0;margin-bottom:8px}
}
@media(max-width:374px){
 .bn-ui .pl-site .bc2-header-row{gap:8px}
 .bn-ui .pl-site .bc2-logo .bn-logo{width:122px}
 .bn-ui .pl-site .pl-account-header{gap:8px}
}

/* Explicit public surfaces: photos retain their original colours. */
html[data-participant-theme=dark] .bn-ui .pl-site{
 --pl-canvas:#111113;--pl-panel:#242426;--pl-soft:#1C1C1E;
 --pl-ink:#F2F2F5;--pl-muted:#BEC2B9;--pl-line:#3C4039;--pl-control-line:#7D8379;
 --pr-line:var(--pl-line);--pr-muted:var(--pl-muted);
 background:var(--pl-canvas);color:var(--pl-ink);color-scheme:dark;
}
html[data-participant-theme=dark] .bn-ui .pl-site :is(.bc2-header-wrap,.bc2-hero,.bc2-continuation,.pc2-hero,.pc2-guide,.pc2-africa,.pl-auth .au-form-panel){background:var(--pl-canvas);color:var(--pl-ink)}
html[data-participant-theme=dark] .bn-ui .pl-site :is(.bc2-how,.bc2-agreement,.bc2-footer,.pc2-model,.pl-agree,.pl-community,.pl-faq,.pl-documents #rules,.pl-auth .rf-registration,.pl-auth .au-session){background:var(--pl-soft);color:var(--pl-ink);border-color:var(--pl-line)}
html[data-participant-theme=dark] .bn-ui .pl-site .bc2-agreement{border-left-color:#F7F700}
html[data-participant-theme=dark] .bn-ui .pl-site :is(.bc2-brief-sheet,.pc2-conditions,.pl-help-routes){background:var(--pl-panel);border-color:var(--pl-line);box-shadow:none}
html[data-participant-theme=dark] .bn-ui .pl-site .bc2-visual-field{background:var(--pl-soft)}
html[data-participant-theme=dark] .bn-ui .pl-site .bc2-brief-note{background:var(--pl-panel);color:var(--pl-ink);border-color:var(--pl-control-line)}
html[data-participant-theme=dark] .bn-ui .pl-site .bc2-sharing-label{background:var(--pl-panel);color:var(--pl-ink)}
html[data-participant-theme=dark] .bn-ui .pl-site .pl-guide :is(#pl-prepare-title,#pl-agree-title){color:var(--pl-ink)}

/* Reading text, headings and neutral controls. Yellow surfaces keep Ink text. */
html[data-participant-theme=dark] .bn-ui .pl-site :is(h1,h2,h3,.bc2-login,.bc2-menu a,.bc2-role-nav a[aria-current=page],.bc2-model,.bc2-agreement ul,.bc2-prompt>summary,.pc2-condition>summary,.bc2-disclosure,.bc2-footer-nav a,.bc2-legal>summary,.bc2-legal a,.pc2-inline-link,.pc2-creator-steps,.pc2-creator-steps .pc2-creator-label,.pc2-model-flow>li,.pc2-guide-link,.pc2-africa-link,.bc2-africa-link,.bc2-help-link,.pl-entry,.pl-detail>summary,.pl-inline,.pl-section-nav a,.pl-agree li .bn-icon,.pl-section-symbol,.pl-entry-icon,.pl-auth .au-text-link,.pl-auth .au-password-toggle){color:var(--pl-ink)}
html[data-participant-theme=dark] .bn-ui .pl-site :is(.bc2-lead,.pc2-lead,.bc2-how-subtitle,.bc2-step-copy p,.bc2-terms,.bc2-prep-intro,.bc2-prompt>p,.bc2-step-visual,.bc2-help p,.bc2-africa-intro,.pc2-model-subtitle,.pc2-model>p:not(.pc2-eyebrow),.pc2-guide-intro,.pc2-condition-body,.pc2-condition-body>p,.pc2-africa-copy>p:not(.pc2-eyebrow),.pl-heading .pl-lead,.pl-brief-list p,.pl-detail-body,.pl-photo-story>div>p:not(.pl-eyebrow),.pl-community>p:not(.pl-eyebrow),.pl-documents p,.pl-agree .br-agree-intro,.pl-agree>p:last-child,.pl-guide .pr-section-subtitle){color:var(--pl-muted)}
html[data-participant-theme=dark] .bn-ui .pl-site :is(figcaption,.bc2-visual figcaption,.pc2-visual figcaption,.bc2-africa figcaption,.pc2-africa figcaption,.bc2-role-nav a,.bc2-africa-heading>span,.bc2-sheet-heading>p,.pc2-guide-heading>span,.bc2-footer-nav h3,.pc2-signin,.pc2-creator-steps>li>span,.pc2-condition-number,.pl-back,.pl-eyebrow,.pl-entry small,.pl-desktop-nav a,.pl-account-footer a,.pl-auth .au-required-note,.pl-auth .bn-account-field-label,.pl-auth .au-role-option small){color:var(--pl-muted)}
html[data-participant-theme=dark] .bn-ui .pl-site :is(.pr-read-on,.bc2-read-on,.pf-read-on){color:var(--pl-ink)}
html[data-participant-theme=dark] .bn-ui .pl-site :is(.bc2-role-nav a[aria-current=page],.pc2-creator-steps .pc2-creator-label){color:var(--pl-ink)}
html[data-participant-theme=dark] .bn-ui .pl-site :is(.bc2-prompt-icon,.bc2-help-icon,.bc2-help-link,.bc2-menu-toggle,.pl-entry-icon){background:var(--pl-panel);color:var(--pl-ink);border-color:var(--pl-control-line)}
html[data-participant-theme=dark] .bn-ui .pl-site .pc2-flow-icon{color:var(--pl-ink);background:transparent}
html[data-participant-theme=dark] .bn-ui .pl-site :is(.bc2-step-number,.pl-step,.pc2-model-flow>li:last-child .pc2-flow-icon,.pc2-condition[open]>summary .pc2-condition-number,.bc2-link-arrow,.bc2-menu-toggle[aria-expanded=true]){color:#141615;background:#F7F700;border-color:#F7F700}
html[data-participant-theme=dark] .bn-ui .pl-site :is(.bc2-primary,.pl-external,.pl-auth .button,.pl-auth .au-session-actions>.button){background:#F7F700;color:#141615;border-color:#F7F700;box-shadow:none}
html[data-participant-theme=dark] .bn-ui .pl-site :is(.bc2-primary,.pl-external,.pl-auth .button):hover{background:#E8E800;color:#141615;border-color:#E8E800}
html[data-participant-theme=dark] .bn-ui .pl-site :is(.bc2-help-link:hover,.pl-entry:hover .pl-entry-icon){background:var(--pl-panel);color:var(--pl-ink);border-color:var(--pl-control-line)}
html[data-participant-theme=dark] .bn-ui .pl-site :is(.pr-read-on:hover,.pr-read-on:active,.bc2-menu a:hover,.bc2-africa-link:hover,.pc2-africa-link:hover,.pc2-africa-link:active,.bc2-prompt>summary:hover,.bc2-prompt>summary:active,.pc2-condition>summary:hover,.pc2-condition>summary:active,.bc2-legal>summary:hover,.pl-entry:hover,.pl-entry:active){background:var(--pl-panel);color:var(--pl-ink)}

/* Chapter boundaries, checklist separators and sticky contents navigation. */
html[data-participant-theme=dark] .bn-ui .pl-site :is(.bc2-role-nav,.bc2-menu,.bc2-model,.bc2-sheet-heading,.bc2-prompt,.bc2-prompt+.bc2-prompt,.pc2-condition+.pc2-condition,.bc2-africa-link,.pc2-africa-link,.pc2-africa,.pc2-creator-steps,.bc2-help,.bc2-footer-nav,.bc2-legal,.pl-entry,.pl-details,.pl-detail,.pl-brief-list,.pl-brief-list>li,.pl-brief-list p.pl-prompt-note,.pl-photo-story,.pl-documents section,.pl-account-header,.pl-account-footer,.pl-auth .au-fieldset,.pl-auth .bn-account-field-label,.pl-auth .au-recovery-footer){border-color:var(--pl-line)}
html[data-participant-theme=dark] .bn-ui .pl-site .bc2-role-nav a[aria-current=page]{border-bottom-color:#F7F700}
html[data-participant-theme=dark] .bn-ui .pl-site :is(.bc2-steps>li:not(:last-child)::before,.pc2-model-flow>li:not(:last-child)::after){background:var(--pl-control-line)}
html[data-participant-theme=dark] .bn-ui .pl-site .bc2-agreement li::before{background:var(--pl-muted)}
html[data-participant-theme=dark] .bn-ui .pl-site :is(.pl-section-nav,.pl-guide .pl-section-nav,.pf-section-nav){background:var(--pl-canvas);border-color:var(--pl-line)}
html[data-participant-theme=dark] .bn-ui .pl-site :is(.pl-guide .pl-section-nav::before,.pl-section-nav a,.pl-guide .pl-section-nav a,.pf-section-nav a){background:var(--pl-canvas);color:var(--pl-ink)}
html[data-participant-theme=dark] .bn-ui .pl-site :is(.pl-guide .pl-section-nav a[aria-current=location],.pf-section-nav a[aria-current=location]){border-bottom-color:#F7F700}
html[data-participant-theme=dark] .bn-ui .pl-site :is(.pl-guide .pl-section-nav a:hover,.pf-section-nav a:hover){background:var(--pl-panel)}

/* Login / registration preserve field, error and selected-role semantics. */
html[data-participant-theme=dark] .bn-ui .pl-site :is(.pl-auth .au-input-wrap input,.pl-auth .au-password,.pl-auth .au-role-option>span){background:var(--pl-panel);color:var(--pl-ink);border-color:var(--pl-control-line)}
html[data-participant-theme=dark] .bn-ui .pl-site .pl-auth .au-password>input{background:transparent}
html[data-participant-theme=dark] .bn-ui .pl-site .pl-auth .au-input-wrap input::placeholder{color:var(--pl-muted)}
html[data-participant-theme=dark] .bn-ui .pl-site .pl-auth .au-password-toggle{background:var(--pl-soft);color:var(--pl-ink)}
html[data-participant-theme=dark] .bn-ui .pl-site .pl-auth .au-role-option input:checked+span{background:var(--pl-soft);border-color:#F7F700}
html[data-participant-theme=dark] .bn-ui .pl-site .pl-auth .au-role-option>input{accent-color:#F7F700}
html[data-participant-theme=dark] .bn-ui .pl-site .pl-auth .au-role-option .au-symbol{color:var(--pl-ink);background:transparent}
html[data-participant-theme=dark] .bn-ui .pl-site .pl-auth :is(input[aria-invalid=true],.au-password:has(input[aria-invalid=true])){border-color:var(--bn-error)}
html[data-participant-theme=dark] .bn-ui .pl-site .pl-auth .au-recovery-status:not(:empty){background:var(--pl-panel);border-color:var(--pl-control-line);color:var(--pl-ink)}
html[data-participant-theme=dark] .bn-ui .pl-site :is(a,button,summary,input,select,textarea,[tabindex]):focus-visible,
html[data-participant-theme=dark] .bn-ui .pl-site .pl-auth .au-role-option input:focus-visible+span{outline-color:#F7F700}
@media(forced-colors:active){
 .bn-ui .pl-site :is(.pn-note-toggle,.pn-note-panel,.pl-theme-toggle){border:1px solid ButtonText}
}
