/* Article UI uses the exact home-page color tokens in style.css.
   Copy, assets and supplied affiliate code are preserved. Narrow tables remain scrollable. */
body.article-color-theme{background:var(--brand-white);color:var(--brand-body)}
.article-color-theme,.article-color-theme .article-sidebar{--article-accent:var(--brand-accent)!important;--article-accent-soft:var(--brand-pale)!important;--article-accent-border:var(--brand-line)!important;accent-color:var(--brand-accent)}
.article-color-theme .site-header{background:rgba(var(--brand-white-rgb),0.96);border-color:var(--brand-line)}
.article-color-theme .article-hero{background:var(--brand-white)!important;background-image:none!important;border-color:var(--brand-line)}
.article-color-theme .article-title,.article-color-theme .article-content h2{color:var(--brand-ink)!important}
.article-color-theme .article-content h2{border-left-color:var(--brand-accent)}
.article-color-theme .article-content h3,.article-color-theme .toc-title{color:var(--brand-accent-dark)}
.article-color-theme .article-cat-badge,.article-color-theme .sidebar-tag{color:var(--brand-accent-dark)!important;background:var(--brand-pale)!important;border-color:var(--brand-line)!important}
.article-color-theme .article-meta-row,.article-color-theme .article-review-date,.article-color-theme .source-note,.article-color-theme .growth-note,.article-color-theme .official-note{color:var(--brand-body)}
.article-color-theme .article-content .article-lead{color:var(--brand-charcoal)!important;border-left-color:var(--brand-accent)}
.article-color-theme .article-content a:not(.affiliate-btn):not(.growth-download){text-decoration-color:var(--brand-accent)}
.article-color-theme .article-content table{border-color:var(--brand-line)}
.article-color-theme .article-content th{color:var(--brand-charcoal)!important;background:var(--brand-pale)!important;border-color:var(--brand-line)!important}
.article-color-theme .article-content td{border-color:var(--brand-line)!important}
.article-color-theme .article-content caption{color:var(--brand-body)}
.article-color-theme .note,.article-color-theme .box,.article-color-theme .info-box,.article-color-theme .quote-box,.article-color-theme .conclusion-box{background:var(--brand-pale);border-color:var(--brand-line);border-left-color:var(--brand-accent)}
.article-color-theme .note p,.article-color-theme .box p,.article-color-theme .info-box p{color:var(--brand-body)}
.article-color-theme .toc-card,.article-color-theme .sidebar-card,.article-color-theme .related-article-card{border-color:var(--brand-line)}
.article-color-theme .related-articles-kicker,.article-color-theme .related-article-more,.article-color-theme .series-nav-label{color:var(--brand-accent-dark)!important}
.article-color-theme .affiliate-btn,.article-color-theme .product-affiliate-rakuten a,.article-color-theme .amazon-buy-row a{background:var(--brand-accent)!important;color:var(--brand-white)!important;border-color:var(--brand-accent)!important;box-shadow:none}
.article-color-theme .affiliate-btn:hover,.article-color-theme .product-affiliate-rakuten a:hover,.article-color-theme .amazon-buy-row a:hover{background:var(--brand-accent-dark)!important;border-color:var(--brand-accent-dark)!important}
.article-color-theme .product-affiliate [class*="easyLink-info-btn"] a{background:var(--brand-accent)!important;color:var(--brand-white)!important;border-color:var(--brand-accent)!important}
.article-color-theme .product-affiliate [class*="easyLink-info-btn"] a:hover{background:var(--brand-accent-dark)!important}
.article-color-theme .product-affiliate,.article-color-theme .affiliate-card{border-color:var(--brand-line)}
.article-color-theme :is(input,select,textarea){accent-color:var(--brand-accent);caret-color:var(--brand-accent-dark)}
.article-color-theme :focus-visible{outline-color:var(--brand-accent-dark)!important}
.article-color-theme ::selection{background:var(--brand-accent-dark);color:var(--brand-white)}
.article-color-theme .site-footer{background:var(--brand-charcoal);border-color:var(--brand-line)}
.article-color-theme .site-footer :is(p,a,.footer-logo){color:rgba(var(--brand-white-rgb),0.88)}

/* Prevent older grid cards and unframed tables from widening a narrow page. */
.article-color-theme .article-body>.container>.article-content{min-width:0;max-width:100%}
.article-color-theme .article-content :is([class$="-grid"],.score-row)>*{min-width:0}
.article-color-theme .article-content :is(p,li,td,th){overflow-wrap:anywhere}
.article-color-theme .article-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;margin:22px 0}
.article-color-theme .article-table-scroll:focus-visible{outline:3px solid var(--brand-accent-dark);outline-offset:3px}
.article-color-theme .article-table-scroll>table{max-width:none}

/* Small notes on the pale surface use body ink for sufficient contrast. */
.article-color-theme .article-content :is(.official-note,.dialogue-translation){color:var(--brand-body)!important}

/* Keep asynchronously rendered product cards in the same palette. */
.article-color-theme .product-affiliate .easyLink-box{background:var(--brand-white)!important;border-color:var(--brand-line)!important;color:var(--brand-body)!important}
.article-color-theme .product-affiliate .easyLink-info-name a{color:var(--brand-ink)!important}
.article-color-theme .product-affiliate :is(.easyLink-info-maker,.easyLink-info-brand){color:var(--brand-body)!important}
.article-color-theme .product-affiliate :is(.easyLink-arrow-left,.easyLink-arrow-right){color:var(--brand-body)!important}
