/* Match the homepage control palette and states without changing article colours. */
.articleControls{--control-text:#28191d;--control-card:rgba(255,255,255,.82);--control-line:rgba(117,66,74,.16);--control-rose:#b76477;--control-gold:#b98733;--control-focus:rgba(183,100,119,.26)}
[data-theme="dark"] .articleControls{--control-text:#fff7f0;--control-card:rgba(49,26,35,.76);--control-line:rgba(255,234,220,.16);--control-rose:#ef9aab;--control-gold:#e8c982;--control-focus:rgba(232,201,130,.24)}
.topbar .articleControls .controlBtn{color:var(--control-text)!important;background:var(--control-card)!important;border:1px solid var(--control-line)!important;box-shadow:0 8px 22px rgba(0,0,0,.05);transition:transform .2s ease,border-color .2s ease,background .2s ease}
.topbar .articleControls .controlBtn:hover{transform:translateY(-1px);border-color:rgba(183,100,119,.45)!important}
.topbar .articleControls a.controlBtn.active{background:linear-gradient(135deg,var(--control-rose),var(--control-gold))!important;color:#fff!important;border-color:transparent!important}
.topbar .articleControls .controlBtn:focus-visible{outline:3px solid var(--control-focus);outline-offset:3px}
/* Topic/role labels remain legible against the editorial dark palette. */
[data-theme="dark"] .tagRow span{color:#fff;background:rgba(255,255,255,.06)}