/* For Brands: only the journey and brief preparation. Existing role pages,
   header, Hero, rules, actions and account surfaces retain their own styles. */
.bn-ui .pl-site .bj-journey,
.bn-ui .pl-site .bj-preparation{
 color:var(--pl-ink);font-family:var(--bn-font-ui);
}
.bn-ui .pl-site .bc2-how.bj-journey{
 padding:30px 20px 26px;margin:0;background:var(--pl-soft);
 border-top:1px solid var(--pl-line);border-bottom:0;
}
.bn-ui .pl-site .bj-journey .bc2-how-heading{margin-bottom:22px}
.bn-ui .pl-site .bj-journey .bc2-how-heading::before{width:32px;height:5px;border-radius:2px;margin-bottom:12px}
.bn-ui .pl-site .bj-journey h2,
.bn-ui .pl-site .bj-preparation h2{
 margin:0 0 8px;font:700 29px/1.18 var(--bn-font-ui);letter-spacing:-.035em;color:var(--pl-ink);
}
.bn-ui .pl-site .bj-journey .bc2-how-subtitle{margin:0;font:500 15px/1.55 var(--bn-font-ui);color:var(--pl-muted)}
.bn-ui .pl-site .bj-steps{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.bn-ui .pl-site .bj-step{
 position:relative;min-width:0;isolation:isolate;padding:14px 16px 16px;
 background:var(--pl-panel);border:1px solid var(--pl-line);border-radius:16px;
 box-shadow:0 2px 0 #14161505;
}
.bn-ui .pl-site .bj-step:not(:last-child)::after{
 content:'';position:absolute;z-index:1;left:31px;top:100%;height:15px;width:2px;background:var(--pl-control-line);
}
.bn-ui .pl-site .bj-step-heading{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.bn-ui .pl-site .bj-step-number{
 display:flex;align-items:center;justify-content:center;flex:none;width:32px;min-height:32px;
 border-radius:8px;background:#F7F700;color:#141615;
 font:700 27px/1 var(--bn-font-display);letter-spacing:-.03em;
}
.bn-ui .pl-site .bj-stage-label{font:500 13px/1.4 var(--bn-font-ui);color:var(--pl-muted)}
.bn-ui .pl-site .bj-step-main{display:grid;grid-template-columns:minmax(0,1fr) 94px;gap:12px;align-items:center}
.bn-ui .pl-site .bj-step-copy{min-width:0}
.bn-ui .pl-site .bj-step-copy h3{margin:0 0 6px;font:700 19px/1.23 var(--bn-font-ui);letter-spacing:-.025em;color:var(--pl-ink)}
.bn-ui .pl-site .bj-step-copy p{margin:0;font:400 15px/1.5 var(--bn-font-ui);color:var(--pl-muted)}
.bn-ui .pl-site .bj-art{display:block;width:94px;height:88px;max-width:100%;overflow:visible}
.bn-ui .pl-site .bj-step-posts{
 background:#141615;border-color:#141615;
}
.bn-ui .pl-site .bj-step-posts .bj-step-copy h3{color:#FFFFFF}
.bn-ui .pl-site .bj-step-posts :is(.bj-step-copy p,.bj-stage-label){color:#D9DED1}
.bn-ui .pl-site .bj-commit{margin:0 12px;padding:0 12px;border:1px solid var(--pl-line);border-top:0;border-radius:0 0 12px 12px;background:var(--pl-panel)}
.bn-ui .pl-site .bj-commit .pn-note{width:100%;margin:0}
.bn-ui .pl-site .bj-commit .pn-note-toggle{
 display:flex;align-items:center;gap:8px;width:100%;height:auto;min-height:49px;padding:14px 0;
 border:0;border-radius:0;background:transparent;color:var(--pl-ink);font-weight:500;
}
.bn-ui .pl-site .bj-commit .pn-note-toggle .pn-info{margin:0;color:var(--pl-muted)}
.bn-ui .pl-site .bj-commit .pn-note-toggle .pn-chevron{margin-left:auto}
.bn-ui .pl-site .bj-commit .pn-note-toggle:hover{background:var(--pl-soft)}
.bn-ui .pl-site .bj-commit .pn-note-panel{
 position:static;inset:auto;width:100%;max-width:none;margin:0;padding:0 0 14px;
 border:0;border-radius:0;background:transparent;box-shadow:none;
}
.bn-ui .pl-site .bj-commit .pn-note-heading{margin-bottom:3px}
.bn-ui .pl-site .bj-commit .pn-note-panel p{font-size:15px;line-height:1.55}
.bn-ui .pl-site .bj-commit .pn-note-close{margin-right:-6px}
.bn-ui .pl-site .bc2-preparation.bj-preparation{
 display:block;position:relative;padding:30px 20px 28px;
 background:var(--pl-canvas);border-top:1px solid var(--pl-line);
}
.bn-ui .pl-site .bj-prep-heading::before{content:'';display:block;width:32px;height:4px;background:#F7F700;border-radius:2px;margin:0 0 12px}
.bn-ui .pl-site .bj-prep-heading{margin-bottom:22px}
.bn-ui .pl-site .bj-preparation .bc2-eyebrow{color:var(--pl-muted);font-size:12px;letter-spacing:.055em;margin:0 0 9px}
.bn-ui .pl-site .bj-preparation h2{margin:0 0 10px}
.bn-ui .pl-site .bj-preparation .bc2-prep-intro{margin:0;max-width:410px;font:400 16px/1.55 var(--bn-font-ui);color:var(--pl-muted)}
.bn-ui .pl-site .bj-preparation .bj-board{
 padding:0;border:1px solid var(--pl-line);border-radius:18px;background:var(--pl-soft);
 box-shadow:0 3px 0 #14161504;overflow:hidden;
}
.bn-ui .pl-site .bj-board .bc2-sheet-heading{
 display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;
 padding:19px 16px;margin:0;border:0;background:#F7F700;color:#141615;
}
.bn-ui .pl-site .bj-board .bc2-sheet-heading>span{font:700 18px/1.4 var(--bn-font-ui);white-space:normal;min-width:0;flex:0 1 auto;gap:8px}
.bn-ui .pl-site .bj-board .bc2-sheet-heading .bn-icon{width:23px;height:23px;flex:none}
.bn-ui .pl-site .bj-board-title{font-weight:700;white-space:nowrap}
.bn-ui .pl-site .bj-board .bc2-sheet-heading>p{margin:0;padding:0;font:500 12px/1.5 var(--bn-font-ui);color:#141615;background:transparent}
.bn-ui .pl-site .bj-board .bc2-prompts{display:grid;gap:8px;padding:12px}
.bn-ui .pl-site .bj-board .bc2-prompt{margin:0;padding:0;border:1px solid var(--pl-line);border-radius:11px;background:var(--pl-panel)}
.bn-ui .pl-site .bj-board .bc2-prompt[open]{border-color:var(--pl-control-line)}
.bn-ui .pl-site .bj-board .bc2-prompt>summary{
 display:flex;align-items:center;gap:11px;min-height:78px;padding:13px 12px;
 border-radius:10px;font:700 16px/1.35 var(--bn-font-ui);color:var(--pl-ink);
}
.bn-ui .pl-site .bj-board .bc2-prompt>summary:hover{background:var(--pl-soft)}
.bn-ui .pl-site .bj-board .bc2-prompt-icon{width:30px;height:36px;color:var(--pl-ink);background:transparent}
.bn-ui .pl-site .bj-board .bc2-prompt-icon .bn-icon{width:25px;height:25px}
.bn-ui .pl-site .bj-board .bj-prompt-label{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;overflow-wrap:break-word}
.bn-ui .pl-site .bj-board .bj-prompt-number{font:500 12px/1.2 var(--bn-font-ui);color:var(--pl-muted);letter-spacing:.04em}
.bn-ui .pl-site .bj-board .bc2-disclosure{width:26px;height:26px;margin-left:0;border:1px solid var(--pl-control-line);border-radius:50%;color:var(--pl-ink)}
.bn-ui .pl-site .bj-board .bc2-disclosure::before,.bn-ui .pl-site .bj-board .bc2-disclosure::after{top:11px;left:6px;width:12px;height:1.5px}
.bn-ui .pl-site .bj-board .bc2-prompt[open] .bc2-disclosure{background:var(--pl-soft)}
.bn-ui .pl-site .bj-board .bc2-prompt>p{padding:0 14px 18px 53px;margin:0;font:400 15px/1.55 var(--bn-font-ui);color:var(--pl-muted)}
.bn-ui .pl-site .bj-board .bc2-prompt>summary:focus-visible,
.bn-ui .pl-site .bj-commit .pn-note-toggle:focus-visible{outline:2px solid var(--pl-ink);outline-offset:-4px}
html[data-participant-theme=dark] .bn-ui .pl-site .bj-step-posts{border-color:var(--pl-control-line)}
html[data-participant-theme=dark] .bn-ui .pl-site .bj-board .bc2-sheet-heading,
html[data-participant-theme=dark] .bn-ui .pl-site .bj-board .bc2-sheet-heading>p{background:#F7F700;color:#141615}
@media(min-width:700px){
 .bn-ui .pl-site .bc2-how.bj-journey{padding:34px 40px 30px}
 .bn-ui .pl-site .bj-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
 .bn-ui .pl-site .bj-step{padding:17px 18px 20px}
 .bn-ui .pl-site .bj-step-main{display:flex;flex-direction:column-reverse;align-items:stretch;gap:15px}
 .bn-ui .pl-site .bj-art{width:112px;height:104px;align-self:center;margin:4px 0}
 .bn-ui .pl-site .bj-step:not(:last-child)::after{left:100%;top:31px;width:17px;height:2px}
 .bn-ui .pl-site .bj-step-copy h3{font-size:20px;line-height:1.25}
 .bn-ui .pl-site .bj-commit{margin:0 16px;padding:0 16px}
 .bn-ui .pl-site .bj-commit .pn-note-toggle{min-height:48px}
 .bn-ui .pl-site .bc2-preparation.bj-preparation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px;align-items:start;padding:40px}
 .bn-ui .pl-site .bj-preparation .bj-board{grid-column:2;grid-row:1}
 .bn-ui .pl-site .bj-prep-heading{grid-column:1;grid-row:1;margin:10px 0 0}
 .bn-ui .pl-site .bj-preparation .bc2-prep-intro{max-width:340px}
}
@media(min-width:1000px){
 .bn-ui .pl-site .bj-step-main{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:14px}
 .bn-ui .pl-site .bj-art{width:100px;height:96px;margin:0}
}
@media(prefers-reduced-motion:reduce){
 .bn-ui .pl-site .bj-board summary{transition:none}
}