/* Minimal page-level rules. Layout and spacing live inline in the markup, as in the design source; no global box-sizing change so box sizes match the design. */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { margin: 0; background: var(--wcx-bg); color: var(--wcx-text); }
a { color: inherit; }
[hidden] { display: none !important; }

:focus-visible { outline: 2px solid var(--wcx-red-text); outline-offset: 3px; }
input:focus-visible, select:focus-visible, textarea:focus-visible { outline-color: var(--wcx-red); outline-offset: 2px; }

.wcx-skip {
  position: absolute; left: 16px; top: -64px; z-index: 100;
  background: var(--wcx-red); color: #fff; padding: 12px 20px; border-radius: 999px;
  font-family: var(--wcx-font-body); font-weight: 600; text-decoration: none;
}
.wcx-skip:focus { top: 12px; }

/* The rotated marquee band is wider than the viewport by design; clip only the horizontal axis around it. */
.wcx-band-clip { overflow-x: clip; }
.wcx-marquee-track { animation: wcx-marquee 32s linear infinite; }