/* One palette from storefront header through embedded tools and account pages. */
.shop-experience,.shop-rebuilt,body.account-refreshed{--shop-accent:var(--brand-accent);--shop-rgb:227,199,137;--feature-rgb:227,199,137;--card-rgb:227,199,137;background:var(--brand-bg);color:var(--brand-text)}
.shop-experience .commerce-hero,.shop-experience .commerce-section,.shop-rebuilt .commerce-header,.shop-rebuilt .commerce-footer,.account-refreshed .account-header{background:var(--brand-bg);border-color:var(--brand-border)}
.shop-experience .commerce-hero h1 em,.shop-experience .commerce-kicker,.try-intro h1 em,.try-intro .commerce-kicker,.shop-experience .commerce-brand,.try-panel-context a,.try-window-bar>a,.try-panel-caption a,.try-reading-list strong,.account-brand{color:var(--brand-accent)}
.shop-experience :is(.commerce-lede,.commerce-links a,.commerce-footer-links a),.try-subline,.try-availability,.try-panel-caption,.try-panel-audio>.try-panel-caption,.try-tool-heading p:not(.try-eyebrow),.try-tool-badge,.try-field-grid small,.try-reading-list p,.try-eyebrow,.try-window-bar,.try-tabs button small,.try-section-heading>p,.try-intro-copy>.try-text-link,.try-service p:not(.try-eyebrow){color:var(--brand-muted)}
.shop-experience .commerce-button:not(.commerce-button--quiet),.try-primary,.try-collection .shop-filters button[aria-pressed=true],.account-refreshed .blb-btn--sovereign{background:var(--brand-accent);color:var(--brand-inverse);border-color:var(--brand-accent)}
.shop-experience .commerce-button:not(.commerce-button--quiet):hover,.try-primary:hover,.account-refreshed .blb-btn--sovereign:hover{background:var(--brand-accent-hover);border-color:var(--brand-accent-hover)}
.shop-experience .commerce-button--quiet,.try-secondary,.try-app .try-secondary,.account-refreshed .blb-btn--secondary{background:transparent;color:var(--brand-text);border-color:var(--brand-border)}
.try-workspace,.try-tabs,.try-panel,.try-panel-audio,.try-studio-frame,.try-collection,.try-app,.try-reading-list>a,.shop-preview,.shop-experience .commerce-card,.shop-experience .commerce-platform,.account-refreshed .blb-auth-card,.hub-refreshed .hub-card{background:var(--brand-surface);border-color:var(--brand-border);color:var(--brand-text)}
.try-window-bar,.try-panel-context,.try-tabs button[aria-pressed=true],.try-result,.try-brief-result,.try-result[data-negative=true],.try-app:hover,.try-reading-list>a:hover{background:var(--brand-raised);color:var(--brand-text)}
.try-tabs button[aria-pressed=true]{box-shadow:inset 0 -3px var(--brand-accent);color:var(--brand-accent)}
.try-tabs button[aria-pressed=true] small{color:var(--brand-muted)}
.try-window-dots i,.try-window-dots i:nth-child(2),.try-window-dots i:nth-child(3){background:var(--brand-accent)}
.try-field-grid :is(input,textarea),.try-collection .shop-search input,.shop-preview :is(input,select),.account-refreshed .blb-account-field{background:var(--brand-input);color:var(--brand-text);border-color:var(--brand-border)}
.try-field-grid :is(input,textarea)::placeholder,.try-collection .shop-search input::placeholder,.account-refreshed .blb-account-field::placeholder{color:var(--brand-subtle)}
.try-field-grid label,.try-result>a,.try-result dl,.try-brief-result pre,.try-collection,.try-collection .shop-search,.try-collection .shop-filters button,.try-app .try-text-link,.try-reading-list>a{color:var(--brand-text)}
.try-result output,.try-result>p,.try-brief-result>p,.try-reading-list span,.try-app-head p,.try-price{color:var(--brand-accent)}
.try-result>span,.try-app-description,.try-platforms,.try-release-note,.try-collection .shop-results{color:var(--brand-muted)}
.try-result dl div,.try-collection .shop-filters button,.try-collection .shop-empty,.try-result,.try-brief-result{border-color:var(--brand-border)}
.try-result[data-negative=true]{border:1px solid var(--brand-error)}
.try-result[data-negative=true] output,.try-error{color:var(--brand-error)}
.try-app:hover{border-color:var(--brand-accent)}
.try-collection .try-eyebrow{color:var(--brand-muted)}
.account-refreshed .account-brand span,.account-refreshed :is(.blb-account-lede,.blb-account-help,.blb-account-hint,.account-footer),.hub-refreshed :is(.hub-tag,.hub-proof,.hub-setup){color:var(--brand-muted)}
.account-refreshed :is(#blb-account-title,.blb-account-label),.hub-refreshed .hub-head h1{color:var(--brand-text)}
.account-refreshed .account-eyebrow,.hub-refreshed .hub-proof span,.hub-refreshed .hub-owned{color:var(--brand-accent)}
.account-refreshed .blb-account-msg{color:var(--brand-text)!important}
.shop-experience :is(a,button,input,textarea,select,summary):focus-visible,.account-refreshed :is(a,button,input,summary):focus-visible{outline:3px solid var(--brand-accent);outline-offset:4px}
.try-tabs button:focus-visible{outline-offset:-5px!important}
.shop-experience .shop-preview-top,.shop-experience .shop-card-label,.shop-experience .commerce-product-link{color:var(--brand-accent)}
.shop-experience .commerce-button--windows{background:var(--brand-accent);color:var(--brand-inverse);border-color:var(--brand-accent)}
.shop-experience .shop-preview{background:var(--brand-surface)}
.hub-refreshed{--blb-text:var(--brand-text);--blb-text-dim:var(--brand-muted);--blb-text-mute:var(--brand-muted);--blb-gold:var(--brand-accent);--blb-surface:var(--brand-surface);--blb-line:var(--brand-border);--blb-gold-dim:var(--brand-muted)}.hub-refreshed .hub-cta{background:var(--brand-accent);color:var(--brand-inverse);border-color:var(--brand-accent)}.hub-refreshed :is(.hub-account-email,.hub-page-link,.hub-account button){color:var(--brand-text)}
.try-panel-context{border-color:var(--brand-border)}.try-collection{background:var(--brand-bg)}.try-app{box-shadow:none}.try-studio-frame{min-height:0}.try-panel-audio>.try-panel-caption{padding-top:0}

.try-reading-list h4,.shop-preview h2,.shop-preview output,.try-result output{font-family:system-ui,sans-serif}.shop-preview output{color:var(--brand-accent);background:var(--brand-raised);border-color:var(--brand-border)}

/* Keep product process panels legible without scroll-reveal or neon effects. */
.shop-experience .outcome-rail[data-outcome-tone]{--rail-accent:227,199,137;background:var(--brand-surface);border-color:var(--brand-border)}
.shop-experience .outcome-rail::before,.shop-experience .outcome-rail::after,.shop-experience .outcome-wire,.shop-experience .outcome-step::before{display:none}
.shop-experience .outcome-rail .outcome-rail-head,.shop-experience .outcome-rail .outcome-step{opacity:1!important;transform:none!important;transition:none}
.shop-experience .outcome-rail-stage{transform:none;perspective:none}
.shop-experience .outcome-rail-head h2{font:600 clamp(25px,3vw,36px)/1.15 system-ui,sans-serif;color:var(--brand-text);max-width:22ch}
.shop-experience .outcome-step,.shop-experience .outcome-step:nth-child(2){background:var(--brand-raised);border-color:var(--brand-border);box-shadow:none;min-height:116px}
.shop-experience .outcome-step-label{color:var(--brand-accent);font-size:12px;letter-spacing:.07em}
.shop-experience .outcome-step strong{font:550 clamp(20px,2vw,25px)/1.25 system-ui,sans-serif;color:var(--brand-text);max-width:22ch}
/* On phones, assistance has its own place after the footer instead of covering text. */
@media(max-width:600px){
 body:is(.shop-experience,.shop-rebuilt,.account-refreshed) :is(.bl-sup-lazy,.bl-sup:not(.open)){position:static!important;inset:auto!important;transform:none!important;width:auto;margin:0 22px 24px;opacity:1!important;visibility:visible!important;pointer-events:auto!important;display:flex;justify-content:flex-end}
 body:is(.shop-experience,.shop-rebuilt,.account-refreshed) :is(.bl-sup-lazy button,.bl-sup-btn){width:auto;min-width:140px;gap:10px;padding:8px 16px;border-radius:8px;background:var(--brand-surface);color:var(--brand-text);border-color:var(--brand-border);box-shadow:none;letter-spacing:0;font:500 14px/1.4 system-ui,sans-serif}
 body:is(.shop-experience,.shop-rebuilt,.account-refreshed) :is(.bl-sup-lazy button>b,.bl-sup-btn>span:last-child){position:static;width:auto;height:auto;margin:0;clip:auto;clip-path:none;overflow:visible;white-space:normal;font:inherit}
}
