/* THE FACTORY CREDIT, self-hosted for the Kindling sites (12 October 2026).
   Ported from https://unicornfactory.dev/assets/uf-credit.css: the same pill, colors and sizes, with its own fonts served
   from this host (Abril Fatface and Source Code Pro, both SIL Open Font License, from Fontsource 5.3.0) instead of Google Fonts.

   The house rule (the design alignment plan, 10 October 2026): the credit is still by default. Its color cycle runs only
   while the credit is hovered or one of its links has keyboard focus, and never under the device's reduce-motion setting,
   with the Motion switch off (data-motion="off") or with Calm on (data-calm="on").

   One small dark pill just under the last line of the footer, aligned the way the footer is aligned (centered by default;
   .uf-left / .uf-right on the row for a footer that sits left or right). "a lever in" links to the sites page; the
   wordmark links to the gate. Self-contained: its own fonts, its own colors, nothing inherited.
   On phones (under 720px) the kicker hides itself and the mark stands alone. */
@font-face{font-family:"Abril Fatface";src:url("../fonts/abril-fatface-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Code Pro";src:url("../fonts/source-code-pro-latin-wght-normal.woff2") format("woff2");font-weight:200 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.uf-credit-row{display:flex;justify-content:center;padding:6px 16px 22px;width:100%;box-sizing:border-box}
.uf-credit-row.uf-left{justify-content:flex-start}
.uf-credit-row.uf-right{justify-content:flex-end}
.uf-credit{display:inline-flex;align-items:center;gap:7px;padding:4px 10px 4px 8px;border-radius:999px;border:1px solid transparent;
  background:linear-gradient(#120826,#120826) padding-box,linear-gradient(102deg,#FF3D9A,#B36BFF 26%,#35E4F4 52%,#7CFFB2 74%,#FFC94D) border-box;
  box-shadow:0 6px 18px rgba(0,0,0,.35),0 0 0 3px rgba(14,7,32,.45);white-space:nowrap;line-height:1;
  transition:box-shadow 160ms}
.uf-credit:hover{box-shadow:0 6px 18px rgba(0,0,0,.35),0 0 0 3px rgba(14,7,32,.45),0 0 22px rgba(255,61,154,.22)}
.uf-dot{width:5px;height:5px;border-radius:50%;flex:none;background:radial-gradient(circle at 34% 30%,#FFEDBE,#D69A22 70%,#6B4A0E);box-shadow:0 0 8px rgba(255,201,77,.45)}
.uf-k{font-family:"Source Code Pro",ui-monospace,monospace;font-size:7px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:#9C8CB4;text-decoration:none;transition:color 120ms}
.uf-k:hover{color:#FFC94D}
.uf-wm{font-family:"Abril Fatface",Georgia,serif;font-weight:400;font-size:10.5px;letter-spacing:-.02em;padding-bottom:1px;text-decoration:none;
  background-image:linear-gradient(102deg,#FFC94D 0%,#FF3D9A 10%,#B36BFF 20%,#35E4F4 30%,#7CFFB2 40%,#FFC94D 50%,#FF3D9A 60%,#B36BFF 70%,#35E4F4 80%,#7CFFB2 90%,#FFC94D 100%);
  background-size:200% 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:none}
@keyframes uf-credit-sf{from{background-position:0 0}to{background-position:100% 0}}
/* the cycle: only on hover or keyboard focus */
.uf-credit:hover .uf-wm,.uf-credit:has(:focus-visible) .uf-wm{animation:uf-credit-sf 6.5s linear infinite}
/* and never under reduce-motion, Motion off or Calm */
@media(prefers-reduced-motion:reduce){.uf-credit .uf-wm,.uf-credit:hover .uf-wm,.uf-credit:has(:focus-visible) .uf-wm{animation:none}}
:root[data-motion="off"] .uf-credit .uf-wm,:root[data-calm="on"] .uf-credit .uf-wm{animation:none!important}
.uf-credit a:focus-visible{outline:2px solid #FFC94D;outline-offset:3px;border-radius:3px}
@media(forced-colors:active){.uf-wm{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}}
/* phones: the mark alone */
@media(max-width:719px){.uf-k{display:none}.uf-credit{gap:6px;padding:4px 9px 4px 8px}}