/* Realix Audio Box blue accents; white button text and dark navy links. */
:root{--button-radius:10px}
.page-hero{background:var(--purple);color:#fff;padding:72px 0 64px;border-bottom:6px solid var(--brand);overflow-wrap:anywhere}
.hero-wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.page-hero h1{color:#fff;font-size:clamp(2.7rem,6.3vw,5rem);line-height:1.12;letter-spacing:-.035em;margin:0;max-width:1100px}
.hero-dot::after{content:'.';color:var(--brand)}
.hero-punctuation{color:var(--brand)}
.hero-intro{max-width:650px;color:#dfdeeb;font-size:1rem;margin:38px 0 0}
.page-hero .eyebrow{color:var(--brand-light);margin:0 0 20px}
.page-hero .search-form{max-width:640px;margin-top:32px}
.page-hero .search-form label{color:#dfdeeb}
.page-hero .search-row button{flex-shrink:0;white-space:nowrap}
.page-hero button,.admin-heading button{border-color:var(--brand)}
.page-hero :is(.back-link,time){display:inline-block;font-size:.85rem;margin:0 22px 24px 0;color:#dfdeeb}
.page-hero a:not(.button):not(.gb-button){color:#dfdeeb}
.page-hero a:not(.button):not(.gb-button):hover{color:#fff}
.hero-breadcrumbs{display:flex;flex-wrap:wrap;gap:10px 14px;font-size:.85rem;margin-bottom:26px;color:#dfdeeb}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}
.hero-actions .gb-button{padding:15px 23px;margin:0;border:1px solid var(--brand);border-radius:7px;background:var(--button-bg);color:var(--button-text);font-size:.85rem;font-weight:600}
.hero-actions .gb-button:is(:hover,:focus-visible,:active){background:var(--button-hover);border-color:var(--button-hover);color:var(--button-text)}
.home-hero-details{display:grid;grid-template-columns:minmax(0,650px) 1fr;gap:48px;align-items:center;margin-top:38px}
.home-hero-details .hero-intro{margin:0}
.home-hero-visual{text-align:center}
.home-hero-visual figure{margin:0}
.home-hero-visual img{width:auto;max-height:260px;max-width:100%;object-fit:contain}
.site-header nav a[aria-current]{text-decoration:underline;text-decoration-color:currentColor;text-decoration-thickness:2px;text-underline-offset:8px}
.site-footer a:hover{color:#dfdeeb;text-decoration:underline}
.topic{border-top:3px solid var(--brand)}
.topic h2 a:hover,.post-card h2 a:hover{color:var(--action-hover)}
.marketing-content :is(a.gb-button,.wp-block-button__link){background:var(--button-bg);color:var(--button-text)}
.marketing-content :is(a.gb-button,.wp-block-button__link):is(:hover,:focus,:focus-visible,:active){background:var(--button-hover);color:var(--button-text)}
.marketing-content .has-accent-color{color:var(--action)}
.marketing-content a:not(.gb-button):not(.wp-block-button__link){text-decoration-color:currentColor}
/* Full-width content bands always start white and alternate with the Systems gray. */
.marketing-content > .gb-container{background:var(--base-3);color:var(--contrast)}
.marketing-content > .gb-container:nth-child(even){background:var(--base)}
/* Let the nested SBUS panel share its section surface. */
.marketing-content .gb-container-2e115bac{background:transparent}
.marketing-content .gb-container-fd38a1f7 .has-base-2-color{color:var(--purple)}
.admin-heading{background:var(--purple);color:#dfdeeb;border-bottom:6px solid var(--brand);padding:30px;border-radius:10px 10px 0 0}
.admin-heading h1{color:#fff}
.admin-heading h1::after{content:'.';color:var(--brand)}
.admin-heading .eyebrow{color:var(--brand-light)}
.admin-heading-actions>a:not(.button){color:#dfdeeb}
.admin-heading-actions>a:not(.button):hover{color:#fff}
.admin-heading .secondary{background:var(--button-bg);border-color:var(--brand);color:var(--button-text)}
.admin-heading .secondary:is(:hover,:focus-visible,:active){background:var(--button-hover);border-color:var(--button-hover);color:var(--button-text)}
#media-dialog .upload-button{background:var(--button-bg);color:var(--button-text)}
#media-dialog .upload-button:is(:hover,:focus-within){background:var(--button-hover)}
.menu-toggle,.dialog-header button{background:var(--button-bg);border-color:var(--brand);color:var(--button-text)}
.menu-toggle:is(:hover,:focus-visible,:active),.dialog-header button:is(:hover,:focus-visible,:active){background:var(--button-hover);border-color:var(--button-hover);color:var(--button-text)}
/* One shape for actions, including legacy block buttons and native upload controls. */
body button:not(.media-item):not(.post-item),.button,.hero-actions .gb-button,.marketing-content a.gb-button,.marketing-content .wp-block-button__link,#media-dialog .upload-button,input:is([type=button],[type=submit],[type=reset]){border-radius:var(--button-radius)}
input:is([type=button],[type=submit],[type=reset]){background:var(--button-bg);color:var(--button-text);border-color:var(--button-bg)}
input:is([type=button],[type=submit],[type=reset]):is(:hover,:focus-visible,:active){background:var(--button-hover);border-color:var(--button-hover)}
/* Preserve selected states while sharing the chosen button palette. */
.admin :is(.secondary,.plain,.status-filters button,.editor-toolbar button),.download-products button{color:var(--button-text)}
.admin :is(.secondary,.plain,.status-filters button,.editor-toolbar button):is(:hover,:focus-visible,:active),.download-products button:is(:hover,:focus-visible,:active){background:var(--button-hover);border-color:var(--button-hover)}
.admin :is(.post-item,.media-item):is(:hover,:focus-visible,:active){background:var(--action-soft);color:var(--purple)}
input[type=file]::file-selector-button{border:1px solid var(--brand);border-radius:var(--button-radius);background:var(--button-bg);color:var(--button-text);font:inherit;padding:.5em .8em;margin-inline-end:.7em;cursor:pointer}
input[type=file]::file-selector-button:hover{background:var(--button-hover)}
@media(max-width:700px){
 .page-hero{padding:46px 0 40px}
 .hero-wrap{width:calc(100% - 40px)}
 .page-hero h1{font-size:clamp(2.25rem,9vw,3.5rem)}
 .hero-intro{margin-top:28px}
 .hero-breadcrumbs{font-size:.8rem;margin-bottom:22px}
 .hero-actions{gap:12px;margin-top:26px}
 .hero-actions .gb-button{padding:14px 18px}
 .home-hero-details{display:block;margin-top:28px}
 .home-hero-visual{display:none}
 .admin-heading{padding:24px 20px}
}
@media(max-width:400px){.page-hero .search-row{flex-direction:column}.hero-actions{flex-direction:column;align-items:flex-start}}
@media print{.page-hero{background:#fff;color:#222;padding:0 0 20px}.page-hero h1{color:#222;font-size:2rem}.page-hero :is(.hero-intro,.eyebrow,time,.back-link,.hero-breadcrumbs),.page-hero a:not(.button):not(.gb-button){color:#333}.hero-wrap{width:100%}.page-hero .search-form,.hero-actions{display:none}}