/* Shared section-heading motif: logo cyan, SpinList orange, Wish List magenta. */
.brand-heading{--heading-accent:#00aeef;--heading-tint:rgba(0,174,239,.16);box-sizing:border-box;border-left:3px solid var(--heading-accent);background:linear-gradient(90deg,var(--heading-tint),transparent);padding:10px 16px;color:#f0f4f8;line-height:1.25;letter-spacing:.035em;min-width:0}
.brand-heading-orange{--heading-accent:#ff7929;--heading-tint:rgba(255,121,41,.17)}
.brand-heading-magenta{--heading-accent:#e24ecb;--heading-tint:rgba(226,78,203,.17)}
h2.brand-heading,h3.brand-heading{padding:8px 12px}
.section-title:has(>.brand-heading){width:100%}.section-title>.brand-heading{flex:1}
.brand-heading.section-title{padding:0 12px}.brand-heading .section-toggle{color:inherit}
@media(max-width:540px){.brand-heading{padding:9px 12px;overflow-wrap:anywhere}}

/* Search fields use the section's brand accent, including keyboard focus. */
body{--search-border:#00aeef}
body[data-search-theme="spinlist"]{--search-border:#ff7929}
body[data-search-theme="wishlist"]{--search-border:#e24ecb}
input[type="search"],input.search,input#search{border:1px solid var(--search-border)!important}
input[type="search"]:focus-visible,input.search:focus-visible,input#search:focus-visible{outline:2px solid var(--search-border)!important;outline-offset:2px}