/* AQcredix — Quote of the Day bar. Mirrors the health-alerts ticker, one shade quieter. */
.aq-quote{background:transparent;border-bottom:0;overflow:hidden;
  display:none;position:relative;}
.aq-quote.is-ready{display:block;}
.aq-quote-inner{display:flex;align-items:center;gap:12px;}

.aq-quote-label{flex-shrink:0;display:flex;align-items:center;gap:7px;padding:0 14px;
  font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--accent-text);background:var(--bg);z-index:2;position:relative;height:34px;}
.aq-quote-label .dot{width:6px;height:6px;border-radius:50%;background:var(--accent-solid);
  box-shadow:0 0 6px var(--brand-2);}

.aq-quote-viewport{flex:1;overflow:hidden;position:relative;height:34px;}
.aq-quote-track{display:flex;align-items:center;height:34px;width:max-content;
  animation:aqQuoteScroll 10s linear infinite;}
.aq-quote:hover .aq-quote-track,.aq-quote:focus-within .aq-quote-track{animation-play-state:paused;}
@keyframes aqQuoteScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.aq-quote-item{display:inline-flex;align-items:center;gap:10px;padding:0 26px;white-space:nowrap;
  height:34px;}
.aq-quote-text{font-size:12.5px;color:var(--fg);font-style:italic;}
.aq-quote-attr{font-family:var(--font-mono);font-size:10px;color:var(--fg-faint);
  font-style:normal;}

.aq-quote-langs{flex-shrink:0;display:flex;gap:4px;padding:0 12px;height:34px;
  align-items:center;border-left:1px solid var(--border-soft);}
.aq-quote-lang{font-family:var(--font-mono);font-size:10px;letter-spacing:.03em;
  padding:3px 9px;border-radius:999px;border:1px solid var(--border-soft);
  background:transparent;color:var(--fg-muted);cursor:pointer;line-height:1.6;
  transition:background .15s ease,color .15s ease,border-color .15s ease;}
.aq-quote-lang:hover{color:var(--fg);border-color:var(--brand-2);}
/* Tamil and Devanagari have no glyphs in most monospace stacks, so those two chips fall
   back to whatever the OS substitutes — usually a size and weight that does not match the
   Latin one beside it. Naming the UI stack after the mono font keeps the fallback sane. */
.aq-quote-lang{font-family:var(--font-mono),system-ui,"Noto Sans Tamil","Noto Sans Devanagari",sans-serif;}
/* Dark text on the bright teal, not white. White on this background fails contrast badly
   and is unreadable at a glance — which is the only way a language switch is ever read.
   !important because the neon palette re-declares button colours at a higher specificity
   than this rule, which is how white text survived here in the first place. */
.aq-quote-lang.is-active,
.aq-quote-langs .aq-quote-lang.is-active{background:var(--accent-solid, var(--brand-2));border-color:var(--brand-2);
  color:var(--on-accent) !important;font-weight:700;}

@media (max-width:820px){
  .aq-quote-text{font-size:12px;}
  .aq-quote-attr{display:none;}
  .aq-quote-lang{padding:3px 7px;}
}
@media (prefers-reduced-motion: reduce){
  .aq-quote-track{animation:none;}
  .aq-quote-viewport{overflow-x:auto;}
}