/* Staged visual refinement: compact identity, useful work first. */
.brand-bar{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:5px;margin-bottom:8px}.brand-bar .brand-option{flex:1 0 150px;min-width:0;min-height:64px;padding:8px 10px;gap:8px;border-radius:5px}.brand-option.all-brands{justify-content:flex-start}.brand-option.all-brands .brand-orbit{font-size:29px!important}.brand-bar .brand-option>span{font-size:12px}.brand-bar .brand-option small{display:block;font-size:10px;margin:3px 0 0}.brand-bar .brand-option.ecosystem-brand img{width:32px;height:32px}.brand-bar .brand-option.ballers-brand img{max-height:30px;width:100%;object-fit:contain}.brand-bar .brand-option.ampac-brand img{height:45px;width:100%;max-width:100px}.brand-bar .brand-option.bkc-brand{flex-direction:row;justify-content:center}.brand-bar .brand-option.bkc-brand img{height:43px;width:59px;flex-shrink:0}.brand-bar .brand-option.bkc-brand>span{font-size:11px;line-height:1.15}.brand-bar .brand-option.bkc-brand small{font-size:9px}.brand-bar .brand-option.ecoai-brand img{height:32px;width:32px}.source-bar{margin:0 0 15px;padding-bottom:0;min-height:24px}.source-bar #feed-age{font-size:11px;width:auto;margin-left:0}.source-bar strong{font-size:11px}.staging-banner{padding:6px 10px;min-height:29px;gap:12px;margin-bottom:15px;font-size:11px;border-color:#4e4b40;background:#172334}.staging-banner span{font-size:11px}.page-heading{margin-bottom:16px}.page-heading .mode-badge{display:none}.personal-intro{margin:0 0 14px}.personal-intro h2,.personal-intro .personal-kicker{display:none}.personal-intro p{font-size:15px;margin:0}.personal-staging{padding:7px 12px;margin-bottom:14px;font-size:12px}.personal-grid{gap:14px}.personal-card{padding:20px}.personal-card h3{font-size:25px}.personal-meta{font-size:12px}.personal-view button{min-height:44px}.personal-view input:not([type=checkbox]){min-height:44px}.brand-option:focus-visible,.rail-button:focus-visible,.personal-view button:focus-visible{outline:2px solid #b9cce0;outline-offset:3px}.brand-option:hover{border-color:#94a9b9}.bkc-brand:hover{border-color:#3c4b5e}.rail-links{gap:7px}.personal-inbox-row p,.personal-goal p,.personal-question p,.personal-claim p{font-size:15px}.personal-view .personal-staging strong{font-size:10px}
@media(min-width:1200px){.personal-grid{grid-template-columns:1.1fr 1fr 1fr}.personal-card:first-child{border-top:2px solid #aabbd0}.personal-grid>.personal-card:nth-child(5){grid-column:span 2}}
@media(max-width:760px){.brand-bar{margin-left:0;margin-right:-10px;padding-right:12px}.brand-bar .brand-option{flex:0 0 156px;min-height:60px}.brand-bar .brand-option.all-brands{grid-column:auto}.staging-banner{flex-direction:row;align-items:center;flex-wrap:wrap;gap:3px 10px}.staging-banner span{font-size:10px}.source-bar>div{gap:5px}.source-bar #feed-age{font-size:10px;width:100%;margin-left:12px}.source-bar strong{font-size:10px}.source-bar .text-button{font-size:10px;min-height:44px}.page-heading{margin-bottom:12px}.personal-grid{grid-template-columns:1fr}.personal-card{padding:19px}.personal-staging{font-size:11px}.personal-intro p{font-size:14px}.personal-card h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){.brand-option,.rail-button{transition:none}}

/* The global staging line already explains the example data. */
.personal-intro,.personal-staging{display:none}