/* ArbStrike: the legal line of the footer, on every page. Sits between .foot-row and the footer's paragraph:
   the 18+ block, then the documents. Link this file after og.css (and m2.css), or paste it under
   "footer" in og.css. */
.foot-legal { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 26px; padding-top: 16px; border-top: 1px solid #222; }
.foot-legal .age { display: inline-flex; align-items: center; gap: 12px; color: #CFCFCF; text-decoration: none; font: 700 .72rem var(--t); letter-spacing: .14em; text-transform: uppercase; }
.foot-legal .age b { display: block; padding: 5px 9px 2px; background: #fff; color: #000; font: italic 900 1.25rem/1 var(--d); letter-spacing: 0; transform: skewX(-9deg); }
.foot-legal nav { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 22px; }
.foot-legal nav a, .foot-legal nav button { color: #9A9A9A; background: none; border: 0; padding: 0; text-decoration: none; font: 700 .72rem var(--t); letter-spacing: .14em; text-transform: uppercase; cursor: pointer; }
.foot-legal nav a[aria-current="page"] { color: #fff; }
@media (hover: hover) { .foot-legal a:hover, .foot-legal nav button:hover { color: var(--v); } .foot-legal .age:hover b { background: var(--v); } }
@media (max-width: 860px) {
  .foot-legal { gap: 4px 0; padding-top: 12px; }
  .foot-legal .age { width: 100%; min-height: 44px; }
  .foot-legal nav { gap: 0 20px; }
  .foot-legal nav a, .foot-legal nav button { display: inline-flex; align-items: center; min-height: 44px; font-size: .75rem; }
}