/*!
 * gh-consent — styles for the consent banner.
 * Built on the host site's design tokens where present, with fallbacks.
 * Restyle by overriding the .gh-consent* classes, or define the tokens:
 * --fg --muted --surface --border --accent --accent-dark --on-accent --font --fs-sm
 */
.gh-consent {
  position: fixed;
  inset: auto 0 0 0;
  z-index: 300;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem 1.5rem;
  padding: 0.9rem clamp(1rem, 3vw, 2rem);
  font-family: var(--font, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
  font-size: var(--fs-sm, 0.85rem);
  line-height: 1.5;
  color: var(--fg, #16171a);
  background: var(--surface, #f6f6f4);
  border-top: 1px solid var(--border, #e6e6e2);
  box-shadow: 0 -6px 24px rgb(0 0 0 / 12%);
}

.gh-consent[hidden] { display: none; }

.gh-consent__text {
  margin: 0;
  max-width: 62ch;
  color: var(--muted, #5b6169);
}

.gh-consent__text a { color: var(--accent, #c2410c); }

.gh-consent__actions {
  display: flex;
  gap: 0.6rem;
}

/* Accept and Reject are deliberately identical in weight — a visitor must be
   able to refuse as easily as they agree. */
.gh-consent__btn {
  font: inherit;
  font-weight: 600;
  padding: 0.5rem 1.1rem;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  color: var(--on-accent, #fff);
  background: var(--accent, #c2410c);
  transition: background 0.15s ease;
}

.gh-consent__btn:hover { background: var(--accent-dark, #a8380a); }
.gh-consent__btn:focus-visible { outline: 2px solid var(--fg, #16171a); outline-offset: 2px; }