/* Brand colors for deck controls; original product images stay untouched. */
.button.outline{background:var(--navy);border-color:var(--navy);color:var(--cream)}
.button.outline:hover{background:var(--blue);border-color:var(--blue);color:var(--cream)}
.button.ghost{background:var(--blue);border-color:var(--blue);color:var(--cream)}
.text-button{background:var(--navy);color:var(--cream);border-radius:5px;padding:8px 12px}
.text-button:hover{background:var(--blue);color:var(--cream)}
.icon-button{background:var(--navy);border-color:var(--navy);color:var(--gold)}
.icon-button:hover:not(:disabled){background:var(--blue);color:var(--cream)}
.icon-button.next{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.icon-button.close-dialog{background:var(--blue);border-color:var(--blue);color:var(--cream)}
.chapter-nav{gap:10px}
.chapter-nav button{padding:8px 13px;border:1px solid var(--navy);border-radius:5px;background:var(--navy);color:var(--cream)}
.chapter-nav button.active{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.capture-enlarge{padding:6px 10px;background:var(--blue);color:var(--cream);border-radius:4px;text-decoration:none}
.capture-enlarge:hover{background:var(--navy);color:var(--gold)}
.product-view-nav button,.capture-subjects button,.capture-pages button,.capture-language button{background:var(--navy);border-color:var(--navy);color:var(--cream)}
.product-view-nav button[aria-pressed=true],.capture-subjects button[aria-pressed=true],.capture-pages button[aria-pressed=true],.capture-language button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.resource-tabs{gap:10px;padding-bottom:12px;flex-wrap:wrap}
.resource-tabs button{padding:9px 13px;border-radius:5px;background:var(--navy);color:var(--cream)}
.resource-tabs button[aria-pressed=true]{background:var(--gold);color:var(--navy)}
.resource-tabs button[aria-pressed=true]:after{display:none}
.resource-tabs span{background:var(--cream);color:var(--navy)}
.contents-item{background:#e9edf6;border-color:#c0cce2;color:var(--navy)}
.contents-item>span{color:var(--blue)}
.contents-item.current{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.contents-item.current>span{color:var(--navy)}
.support-library-card{background:#e9edf6;border-color:#b9c8df;color:var(--navy)}
.support-library-card:nth-child(3n+2){background:#e6eee6;border-color:#b4cbbf}
.support-library-card:nth-child(3n){background:#f6e8c2;border-color:#d7bd7a}
.visual-option{background:#e9edf6;border-color:#b9c8df}
.visual-option.selected{background:#e0eddf;border-color:var(--green)}
.video-thumb .play-icon{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.allocation{padding:14px;border:1px solid #bdcbe0;border-radius:6px;margin-top:10px;background:#e9edf6}
.allocation:nth-of-type(2){background:#e6eee6;border-color:#b4cbbf}
.allocation:nth-of-type(3){background:#f6e8c2;border-color:#d7bd7a}
.allocation:hover{filter:brightness(.97)}
#validation .validation-actions .validation-review{background:var(--navy);border-color:var(--navy);border-top-color:var(--gold);color:var(--cream)}
#validation .validation-actions .validation-article{background:var(--blue);border-color:var(--blue);border-top-color:var(--gold);color:var(--cream)}
#validation .validation-actions .validation-awards{background:var(--green);border-color:var(--green);border-top-color:var(--gold);color:var(--cream)}
#validation .validation-actions .button svg{color:var(--gold)}
#validation .validation-actions .button:hover{background:var(--navy);border-color:var(--gold);color:var(--cream)}
@media(max-width:600px){.control-middle .text-button{padding:7px 8px}.chapter-nav button{padding:7px 10px}}

.sound-toggle{gap:7px;white-space:nowrap}
.sound-toggle svg{width:17px;height:17px}
.sound-toggle .sound-waves{display:none}
.sound-toggle[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.sound-toggle[aria-pressed=true] .sound-waves{display:block}
.sound-toggle[aria-pressed=true] .sound-muted{display:none}
.sound-toggle[hidden]{display:none!important}
@media(max-width:1200px){.top-actions{gap:8px}.top-actions .sound-toggle{padding:9px 10px;font-size:10px}}
@media print{.sound-toggle{display:none!important}}