/* Team Red: one accent, AMD red, used for the AMD mark, the primary action and the chip art. Green stays semantic (ok). */
:root {
  --accent: #ed1c24;
  --accent-ink: #ffffff;
  --acc-5: rgba(237, 28, 36, .06);
  --acc-15: rgba(237, 28, 36, .12);
  --acc-25: rgba(237, 28, 36, .2);
  --acc-line: rgba(237, 28, 36, .55);
}
::selection { background: rgba(237, 28, 36, .35); color: #fff; }
.btn-acc { background: #ed1c24; color: #fff; }
.btn-acc:hover:not(:disabled) { background: #ff2a33; }
.btn-acc:active:not(:disabled) { background: #d0161d; }
.qm { color: #ed1c24; font-weight: 600; }
.bigca .qm { border-bottom-color: rgba(237, 28, 36, .6); }
.lat-e { stroke: #ed1c24; stroke-opacity: .55; }
.lat-n { fill: #ed1c24; }
.brand .mark { width: 22px; height: 22px; }
.brand .word { letter-spacing: -0.02em; }
.qd-n small { font-size: 14px; letter-spacing: 0; margin-left: 6px; vertical-align: middle; }
.qd-n small.up { color: var(--ok); }
.qd-n small.down { color: var(--err, #ff6166); }
.qc-pow { margin-top: 4px; font-size: 11px; line-height: 16px; color: var(--ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sbox:focus-visible, :focus-visible { outline-color: #ed1c24; }
.nav a[aria-current="page"]::after { background: #ed1c24; }
.scene { --gx: 50.6%; --gy: 58.5%; }
.vsigned { display: inline-flex; align-self: start; justify-self: start; margin: 4px 0 2px; padding: 3px 8px; border: 1px solid rgba(74, 222, 128, .45); border-radius: 4px; background: rgba(74, 222, 128, .08); color: var(--ok); font: 500 11px/16px var(--mono); }
/* hero nav: one aligned column in the empty top-right, right edge flush with the wallet button */
.scene-boxes { inset: auto; top: 112px; right: var(--scene-pad, 28px); left: auto; bottom: auto; width: 320px; display: grid; gap: 12px; pointer-events: auto; }
.scene-boxes .sbox, .sb1, .sb2, .sb3 { position: static; left: auto; top: auto; width: auto; min-width: 0; }
/* AMpaD wordmark keeps its own casing */
.brand .word { text-transform: none; letter-spacing: -0.01em; }
.brand .mark { width: 20px; height: 20px; }
.tl { color: #ed1c24; font-weight: 600; }