/* A neutral page canvas separates work areas without changing brand typography. */
.bn-ui{--bn-canvas:#F0F1F2;--bn-surface:#EAECED;--bn-line:#D4D7D8;background:var(--bn-canvas)}
.bn-ui.bn-has-dock .bn-work-header{max-width:none;background:var(--bn-white);padding-left:max(20px,calc((100% - 1040px)/2));padding-right:max(20px,calc((100% - 1040px)/2));border-bottom:1px solid var(--bn-line)}
.bn-ui .bn-work-meta{margin-top:10px}
.bn-ui .bn-participant{--bp-soft:var(--bn-surface)}
.bn-ui .bn-participant :is(.pf-network,.pf-member-detail,.td-panel,.pt-card,.pn-card,.ew-ledger,.ms-plan-card){box-shadow:0 2px 5px #14161504}
.bn-ui .bn-participant :is(.pf-network-heading,.pf-member-title){padding-bottom:16px;border-bottom:1px solid var(--bp-stroke)}
.bn-ui .bn-participant .pf-tree-scroll{background:var(--bn-canvas);border-radius:14px}
.bn-ui .bn-participant .td-task-grid{gap:18px}
.bn-ui .bn-participant .bn-task-item{padding:20px;background:var(--bp-panel);border:1px solid var(--bp-stroke);border-radius:22px}
.bn-ui .bn-participant .td-task-list{gap:14px}
.bn-ui .bn-participant .td-joined-task{padding:20px;background:var(--bp-panel);border:1px solid var(--bp-stroke);border-radius:22px}
.bn-ui .bn-participant :is(.td-balance-overview,.ew-balance){background:var(--bp-panel);border:1px solid var(--bp-stroke);border-top:3px solid var(--bn-yellow)}
.bn-ui .bn-participant .td-current-list article{background:var(--bp-panel);border:1px solid var(--bp-stroke)}
.bn-ui .bn-participant :is(.td-bottom-callout,.ms-common-benefits){background:var(--bp-panel);border-left:3px solid var(--bn-yellow)}
.bn-ui .bn-account-page .au-form-panel{padding:24px;border:1px solid var(--bn-line);border-radius:22px}
.bn-ui .bn-brand :is(.bn-verification,.bn-brand-basics,.bn-brand-journey){padding:22px;background:var(--bn-white);border:1px solid var(--bn-line);border-radius:22px}
.bn-ui .bn-brand .bn-campaign-prep{border:1px solid var(--bn-line);border-left:3px solid var(--bn-yellow)}
.bn-ui :is(.bn-how,.bn-participant-entry,.bn-faq){background:var(--bn-white);margin-top:20px;margin-bottom:20px;border-top:1px solid var(--bn-line);border-bottom:1px solid var(--bn-line)}
.bn-ui .bn-public-next>.bn-p-section,.bn-ui .bn-p-africa-posts{background:var(--bn-white);margin-top:20px;margin-bottom:20px;border-top:1px solid var(--bn-line);border-bottom:1px solid var(--bn-line)}
@media(min-width:700px){
 .bn-ui :is(.bn-how,.bn-participant-entry,.bn-faq),.bn-ui .bn-public-next>.bn-p-section,.bn-ui .bn-p-africa-posts{border:1px solid var(--bn-line);border-radius:22px}
}
@media(max-width:760px){
 .bn-ui .bn-participant :is(.bn-task-item,.td-joined-task){padding:18px}
 .bn-ui .bn-account-page .au-form-panel{padding:20px 16px}
 .bn-ui .bn-brand :is(.bn-verification,.bn-brand-basics,.bn-brand-journey){padding:20px 18px}
}