/* ArbStrike: the cookie notice (assets/consent.js builds it). A small black slab with the volt top edge of the
   site's dialogs, bottom left; on a phone it sits just above the bottom bar. Two buttons of the same size and
   weight, so "Only necessary" is as easy as "Accept". It never covers the page and never traps focus.
   Works without og.css (every token has a fallback). */
.cc { position: fixed; z-index: 60; left: 16px; bottom: 16px; width: min(400px, calc(100vw - 32px)); box-sizing: border-box; background: #0E0E0E; color: #fff; border: 1px solid #3A3A3A; border-top: 6px solid var(--v, #D4FF1E); padding: 15px 18px 18px;
  font: 400 .92rem/1.45 var(--t, system-ui, "Segoe UI", sans-serif); animation: cc-in .22s cubic-bezier(.16, 1, .3, 1); }
.cc[hidden] { display: none; }
.cc h2 { margin: 0 0 6px; font: italic 900 1.55rem/1 var(--d, "Arial Narrow", Impact, sans-serif); text-transform: uppercase; color: #fff; }
.cc h2:focus { outline: none; }
.cc p { margin: 0; color: #D2D2D2; }
.cc a { color: #fff; text-decoration: underline; text-decoration-color: var(--v, #D4FF1E); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.cc-now { margin-top: 8px !important; font-size: .84rem; color: #949494 !important; }
.cc-acts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 14px; }
.cc-b { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 5px 10px 2px; border: 0; cursor: pointer; background: #fff; color: #000;
  font: italic 900 1.22rem/1 var(--d, "Arial Narrow", Impact, sans-serif); text-transform: uppercase; letter-spacing: .012em; white-space: nowrap;
  clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%); transition: transform .16s cubic-bezier(.16, 1, .3, 1), background-color .14s; }
.cc-b.yes { background: var(--v, #D4FF1E); }
.cc-b:active { transform: scale(.97); }
.cc-b:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
@media (hover: hover) { .cc-b:hover { transform: translateX(3px); } }
@keyframes cc-in { from { transform: translateY(14px); opacity: 0; } }
@media (max-width: 860px) {
  .cc { left: 8px; right: 8px; width: auto; bottom: calc(var(--tb, 0px) + 8px + env(safe-area-inset-bottom, 0px)); padding: 11px 14px 13px; font-size: .88rem; line-height: 1.4; }
  .cc h2 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .cc-acts { margin-top: 11px; }
  .cc-b { min-height: 44px; font-size: 1.15rem; }
}
@media (prefers-reduced-motion: reduce) { .cc { animation: none; } .cc-b { transition: none; } }
@media print { .cc { display: none; } }