/* Jank (public/js/chaos.js): the cookie consent form, and a loading word that spins. Like the rest
   of Southbag, it ignores prefers-reduced-motion. Nothing here is a joke on screen; parts of the
   site were just never finished (see .raw in southbag.css). */

/* ── Cookie banner: an unstyled form stuck to the bottom of the window ── */
.cookie-form { position: fixed; left: 0; bottom: 0; z-index: 900; width: min(460px, 100vw); max-height: 70vh; overflow-y: auto; margin: 0; padding: 6px 10px; background: var(--sb-field); color: var(--sb-field-ink); border: 1px solid #888; }
.cookie-form fieldset { margin: 6px 0; }
.cookie-list { max-height: 50vh; overflow-y: auto; columns: 2 220px; font-size: 0.85rem; box-shadow: none; }
.cookie-row { display: block; transform: none; margin: 2px 0; break-inside: avoid; box-shadow: none; }

/* Service Table's spinner: the word spins, around its left edge. */
.loading .spin, .busy-word { display: inline-block; transform-origin: left center; animation: spin 1.4s linear infinite; }

/* A submitted form waits a little before it goes (forge.js); its button says so. */
button[data-busy] { cursor: progress; }