
/* CUAN128 colorways per page; HTML layout remains from ZIP 5(5). */
body{background:#fff!important;color:#242a33!important}
.tinybar{background:var(--deep)!important;border-bottom-color:var(--shine)!important}
.category-nav{background:var(--deep)!important;border-bottom-color:var(--shine)!important}
.category-inner a:hover,.category-inner a[aria-current="page"]{background:var(--accent)!important;color:#fff!important}
.category-inner a{background:transparent;color:#fff}
.market-ribbon{background:linear-gradient(115deg,var(--deep),var(--accent))!important;border-bottom-color:var(--shine)!important}
.market-ribbon .ribbon-copy strong{color:var(--shine)!important}
.top-action,.searchform button,.ribbon-login,.ann-label{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}
.ribbon-register{background:var(--shine)!important;color:#211a12!important}
.page-title{border-left-color:var(--shine)!important}
.hero-frame{border-color:var(--shine)!important;background:var(--deep)!important}
.gallery-label{border-left-color:var(--shine)!important;color:var(--shine)!important}
.summary,.panel-head{background:linear-gradient(120deg,var(--deep),var(--accent))!important;color:#fff!important}
.btn-red{background:var(--accent)!important;color:#fff!important;border-color:var(--deep)!important;box-shadow:0 3px 0 var(--deep)!important}
.btn-gold{background:var(--shine)!important;color:#241908!important;border-color:#b99749!important}
.section-heading{border-left-color:var(--shine)!important}
.colorbox,.article-body .colorbox{background:var(--box-color,var(--deep))!important;color:#fff!important}
.colorbox :is(h2,h3,p,li),.article-body .colorbox :is(h2,h3,p,li){color:#fff!important}
.story-tabs a:first-child{color:var(--accent)!important;border-bottom-color:var(--accent)!important}
.faq-list summary{background:var(--deep)!important;color:#fff!important}
.faq-list details[open] summary{background:var(--accent)!important;color:#fff!important}
.footer-main{background:var(--deep)!important;border-top-color:var(--shine)!important}
.footer-cols h3{color:var(--shine)!important}
.sticky-actions{background:var(--deep)!important;border-color:var(--shine)!important}
.sticky-actions a:hover,.content-card:hover{outline:2px solid var(--shine);outline-offset:-2px}
.content-card .strip{background:var(--accent)!important}
.hero-image{width:100%!important;height:auto!important;aspect-ratio:1/1!important;object-fit:contain!important;display:block}
.hero-frame picture{display:block;width:100%}
.brandmark img,.footer-main img{height:auto;object-fit:contain;max-height:68px}
:focus-visible{outline:3px solid var(--shine);outline-offset:3px}
@media(max-width:740px){.category-inner a{background:var(--deep)!important}.category-inner a:hover{background:var(--accent)!important}}
