/* ============================================================
   CHROME.CSS — site chrome overrides, layered after main.css.
   Nav mark, footer mark, and the Powered by Reckless Media credit.
   ============================================================ */

/* NAV: round mark only, no wordmark lockup */
.nav-logo img { height: 52px; width: auto; }
@media (max-width: 900px) { .nav-logo img { height: 40px; } }

/* FOOTER: same round mark, one size up.
   Selector carries the parent so it beats main.css's .footer-brand img width. */
.footer-brand img.footer-mark,
.footer-mark { height: 64px; width: auto; }

/* FOOTER CREDIT */
.poweredby {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-family: var(--font-mono);
  font-size: .72rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: inherit;
  text-decoration: none;
}
.poweredby img { height: 14px; width: auto; }
/* ARKAST 2026 nav button: magenta so it reads as the headline action (Cody 2026-09-16) */
.btn.btn-hot { background: var(--magenta); color: #fff; border-color: var(--magenta); box-shadow: 4px 4px 0 rgba(255,45,120,.35); }
.btn.btn-hot:hover, .btn.btn-hot:focus-visible { background: #ff4d8f; color: #fff; border-color: #ff4d8f; box-shadow: 0 0 22px rgba(255,45,120,.55), 4px 4px 0 rgba(255,45,120,.35); }