/* Isolated to Brands / Campaign Guide; other public pages keep their styles. */
.bn-ui .br-reading .bc2-role-nav a{display:block;white-space:normal;min-width:0;align-content:center}
.bn-ui .br-reading .bc2-hero{padding-top:22px;padding-bottom:20px}
.bn-ui .br-reading .bc2-hero h1>span{background:none}
.bn-ui .br-reading .bc2-lead{margin:16px 0 8px;font-size:16px;line-height:1.55}
.bn-ui .br-reading .bc2-visual{margin:0 -6px 18px}
.bn-ui .br-reading .bc2-artboard{height:242px}
.bn-ui .br-reading .bc2-artboard>img{height:234px;top:3px}
.bn-ui .br-reading .bc2-brief-note{transform:rotate(-4deg);box-shadow:2px 3px 0 #F7F700}
.bn-ui .br-reading .bc2-sharing-label{background:#F8FAF1;font-weight:500;text-transform:none;letter-spacing:0;transform:none;padding:3px 6px;bottom:0}
.bn-ui .br-reading .bc2-primary{box-shadow:0 1px 0 #141615}
.bn-ui .br-reading .bc2-read-on{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;margin-top:8px;padding:10px 12px;color:#141615;font:500 15px/1.5 var(--bn-font-ui);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;border-radius:8px}
.bn-ui .br-reading .bc2-read-on .bn-icon{width:18px;height:18px;flex:none}
.bn-ui .br-reading .bc2-read-on:hover,.bn-ui .br-reading .bc2-read-on:active{background:#F8FAF1}
.bn-ui .br-reading .bc2-how{padding:28px 20px;margin:0;background:#F8FAF1;border-top:1px solid #D9DFD0;border-bottom:1px solid #D9DFD0}
.bn-ui .br-reading .bc2-how-heading{display:block;margin-bottom:24px}
.bn-ui .br-reading .bc2-how-heading::before{content:'';display:block;width:28px;height:4px;background:#F7F700;margin-bottom:12px}
.bn-ui .br-reading .bc2-how h2{font-size:30px;line-height:1.15;margin:0 0 8px;letter-spacing:-.03em}
.bn-ui .br-reading .bc2-how-subtitle{font-size:16px;line-height:1.5;font-weight:500;color:#495241;margin:0}
.bn-ui .br-reading .bc2-step-copy p{font-size:16px;line-height:1.5}
.bn-ui .br-reading .bc2-step-visual,.bn-ui .br-reading .bc2-steps>li:nth-child(2) .bc2-step-visual{border:0;background:none;box-shadow:none;transform:none;width:24px;height:28px;margin-top:2px;color:#51594A;border-radius:0}
.bn-ui .br-reading .bc2-model{padding:14px 0;font-size:13px}
.bn-ui .br-reading .bc2-terms{font-size:16px;line-height:1.6;margin-top:2px;color:#495241;max-width:760px}
.bn-ui .br-reading .bc2-preparation{padding:28px 20px}
.bn-ui .br-reading .bc2-preparation h2{font-size:27px;line-height:1.2;margin:9px 0 12px}
.bn-ui .br-reading .bc2-prep-intro{margin-bottom:20px}
.bn-ui .br-reading .bc2-sheet-heading>p{background:transparent;padding:0;color:#51594A}
.bn-ui .br-reading .bc2-how-shell{scroll-margin-top:16px}
.bn-ui .br-reading :is(h2[tabindex],section[tabindex]):focus-visible{outline:2px solid #141615;outline-offset:6px}

/* Header remains in normal flow. Only the Guide contents nav sticks. */
.bn-ui .br-reading .pl-guide>.pl-back{margin-top:6px}
.bn-ui .br-reading .pl-guide>.pl-heading{padding:6px 0 20px}
.bn-ui .br-reading .pl-guide .pl-heading h1{font-size:42px;line-height:1.04;margin:10px 0 14px}
.bn-ui .br-reading .pl-guide .pl-heading .pl-lead{font-size:16px;line-height:1.55}
.bn-ui .br-reading .pl-guide .pl-section-nav{position:sticky;top:0;z-index:10;display:flex;align-items:stretch;flex-wrap:nowrap;gap:20px;margin:0 -20px 24px;padding:0 20px;background:#FFFFFF;border-bottom:1px solid #CCD2C1}
.bn-ui .br-reading .pl-guide .pl-section-nav a{justify-content:center;flex:1;min-width:0;min-height:52px;padding:12px 0;border:0;border-bottom:3px solid transparent;border-radius:0;background:#FFFFFF;font-size:14px;line-height:1.5;font-weight:500;box-shadow:none;text-align:center}
.bn-ui .br-reading .pl-guide .pl-section-nav a[aria-current=location]{border-bottom-color:#141615;font-weight:700}
.bn-ui .br-reading .pl-guide .pl-section-nav a:hover,.bn-ui .br-reading .pl-guide .pl-section-nav a:active{background:#F8FAF1}
.bn-ui .br-reading .pl-guide .pl-section-nav a:focus-visible{outline-offset:-5px}
.bn-ui .br-reading .pl-guide :is(#prepare,#agree){scroll-margin-top:var(--br-reading-offset,76px)}
.bn-ui .br-reading .pl-guide .pl-section-heading{margin-bottom:18px;align-items:flex-start}
.bn-ui .br-reading .pl-guide .pl-section-heading>div{flex:1;min-width:0}
.bn-ui .br-reading .pl-guide .pl-section-heading h2{font-size:22px;line-height:1.2;margin-top:6px}
.bn-ui .br-reading .pl-guide .pl-section-symbol{transform:none;border:0;border-radius:0;background:transparent;width:26px;height:30px;padding-top:2px}
.bn-ui .br-reading .pl-guide .pl-section-symbol .bn-icon{width:23px;height:23px}
.bn-ui .br-reading .pl-guide .pl-brief-list>li{padding:20px 0}
.bn-ui .br-reading .pl-guide .pl-brief-list p{font-size:16px;line-height:1.55}
.bn-ui .br-reading .pl-guide .pl-brief-list p.pl-prompt-note{font-size:15px;line-height:1.55;margin-top:10px}
.bn-ui .br-reading .pl-guide .pl-agree{padding:26px 20px;background:#F8FAF1;color:#141615;border-top:1px solid #D9DFD0;border-bottom:1px solid #D9DFD0}
.bn-ui .br-reading .pl-guide .pl-agree h2{color:#141615;font-size:27px;margin:9px 0 12px}
.bn-ui .br-reading .pl-guide .pl-agree .pl-eyebrow{color:#51594A}
.bn-ui .br-reading .pl-guide .br-agree-intro{font-size:16px;line-height:1.55;color:#495241;margin:0}
.bn-ui .br-reading .pl-guide .pl-agree ul{margin:16px 0 20px}
.bn-ui .br-reading .pl-guide .pl-agree li{font-size:16px}
.bn-ui .br-reading .pl-guide .pl-agree li .bn-icon{color:#141615}
.bn-ui .br-reading .pl-guide .pl-agree>p:last-child{border-color:#D9DFD0;color:#495241;font-size:16px;line-height:1.55}
@media(max-width:374px){
 .bn-ui .br-reading .bc2-artboard{height:228px}
 .bn-ui .br-reading .bc2-artboard>img{height:219px}
 .bn-ui .br-reading .bc2-step-visual{display:none}
 .bn-ui .br-reading .pl-guide .pl-heading h1{font-size:40px}
}
@media(min-width:410px) and (max-width:699px){
 .bn-ui .br-reading .bc2-artboard{height:256px}
 .bn-ui .br-reading .bc2-artboard>img{height:248px}
}
@media(min-width:700px){
 .bn-ui .br-reading.pl-site .bc2-hero{padding:36px 40px 32px}
 .bn-ui .br-reading.pl-site .bc2-hero>h1{margin:14px 0 0}
 .bn-ui .br-reading.pl-site .bc2-hero>figure{grid-row:1 / span 5}
 .bn-ui .br-reading.pl-site .bc2-lead{margin:18px 0 24px}
 .bn-ui .br-reading.pl-site .bc2-artboard{height:320px}
 .bn-ui .br-reading.pl-site .bc2-artboard>img{height:310px}
 .bn-ui .br-reading.pl-site .bc2-read-on{justify-content:flex-start;padding-left:0;margin-bottom:0}
 .bn-ui .br-reading.pl-site .bc2-how{padding:32px 40px;margin:0}
 .bn-ui .br-reading.pl-site .bc2-how-heading{margin-bottom:24px}
 .bn-ui .br-reading.pl-site .bc2-steps{margin-top:0}
 .bn-ui .br-reading.pl-site .bc2-preparation{padding:32px 40px}
 .bn-ui .br-reading.pl-site .pl-guide>.pl-heading{padding-bottom:24px}
 .bn-ui .br-reading.pl-site .pl-guide .pl-heading h1{font-size:56px}
 .bn-ui .br-reading.pl-site .pl-guide .pl-section-nav{margin:0 0 28px;padding:0;justify-content:flex-start}
 .bn-ui .br-reading.pl-site .pl-guide .pl-section-nav a{flex:0 1 auto;padding:12px 16px}
 .bn-ui .br-reading.pl-site .pl-guide .pl-agree{padding:30px}
}
@media(min-width:1000px){
 .bn-ui .br-reading.pl-site .bc2-artboard{height:346px}
 .bn-ui .br-reading.pl-site .bc2-artboard>img{height:336px}
}
@media(prefers-reduced-motion:reduce){
 .bn-ui .br-reading :is(.bc2-read-on,.pl-section-nav a){transition:none}
}
