/* The consent banner (capabilities/analytics). A brand sets its colours with --consent-bg,
   --consent-ink, --consent-line, --consent-button and --consent-button-ink. */
.analytics-consent { position: fixed; inset: auto 1rem 1rem; z-index: 100; max-width: 46rem; margin: auto; padding: 1.25rem; background: var(--consent-bg, #fffaf2); color: var(--consent-ink, #202c28); border: 1px solid var(--consent-line, #bebbb0); border-radius: 12px; box-shadow: 0 6px 30px #0002; max-height: 80vh; overflow: auto; }
.analytics-consent[hidden], #analytics-options[hidden], .analytics-preferences[hidden] { display: none; }
.analytics-consent h2 { margin: 0 0 .6rem; font-size: 1.3rem; }
.analytics-consent p { font-size: .95rem; margin: 0 0 1rem; }
.analytics-consent-actions { display: flex; gap: .6rem; flex-wrap: wrap; margin-bottom: .8rem; }
.analytics-consent button { padding: .65rem .9rem; background: var(--consent-button, #202f2b); color: var(--consent-button-ink, white); border: 1px solid var(--consent-button, #202f2b); border-radius: 6px; font: inherit; cursor: pointer; }
#analytics-customize, #analytics-save { background: transparent; color: var(--consent-button, #202f2b); }
#analytics-options label { display: block; margin: .7rem 0; }
#analytics-options input { width: auto; display: inline; }
.analytics-preferences { position: fixed; bottom: .5rem; left: .5rem; z-index: 90; padding: .35rem .6rem; border: 1px solid var(--consent-line, #bebbb0); border-radius: 5px; background: var(--consent-bg, #fffaf2); color: var(--consent-button, #202f2b); cursor: pointer; font-size: .8rem; }
@media (max-width: 640px) {
  /* Compact bar on phones so the page's main button stays visible. */
  .analytics-consent { inset: auto .5rem .5rem; padding: .8rem .9rem; border-radius: 10px; max-height: 60vh; }
  .analytics-consent h2 { font-size: 1rem; margin-bottom: .3rem; }
  .analytics-consent p { font-size: .82rem; line-height: 1.4; margin-bottom: .6rem; }
  .analytics-consent-actions { display: grid; grid-template-columns: repeat(3, 1fr); gap: .4rem; margin-bottom: 0; }
  .analytics-consent button { padding: .55rem .3rem; font-size: .88rem; }
  #analytics-options { margin-top: .6rem; }
}