:root {
  --burnrate-action: #c2410c;
  --burnrate-action-hover: #9a3412;
  --burnrate-focus: #fbbf24;
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--burnrate-focus) !important;
  outline-offset: 3px !important;
}

/* Keep text fully readable from first paint; opacity reveals create transient contrast failures. */
.reveal {
  opacity: 1 !important;
  transform: none !important;
}

.skip-link:focus {
  background: var(--burnrate-action) !important;
  color: #fff !important;
}

.btn.btn-primary,
.nav-cta,
.popular-badge,
.tier-badge,
.tier-cta,
.form-submit,
.signup-form button,
.bottom-cta button {
  background: var(--burnrate-action) !important;
  border-color: var(--burnrate-action) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus-visible,
.nav-cta:hover,
.tier-cta:hover,
.form-submit:hover,
.signup-form button:hover,
.bottom-cta button:hover {
  background: var(--burnrate-action-hover) !important;
  border-color: var(--burnrate-action-hover) !important;
}

.product-hunt-link {
  background: #b42318 !important;
  color: #fff !important;
}

.docs-content p a,
.docs-content li a,
.footer p a {
  text-decoration: underline;
  text-decoration-thickness: 0.1em;
  text-underline-offset: 0.18em;
}

.comparison {
  max-width: min(900px, 100%);
  overflow: hidden;
}

.site-scroll-region {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

.site-scroll-region .comparison-table,
.site-scroll-region .doc-table {
  display: table;
  min-width: max-content;
  width: 100%;
}

.docs-content pre {
  max-width: 100%;
}

.docs-content pre code {
  display: block;
  min-width: 100%;
  width: max-content;
}

.docs-content .step-body,
.docs-content .kv-grid > * {
  min-width: 0;
}

.docs-content .kv-grid dd {
  overflow-wrap: anywhere;
}

.docs-content li > code {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.stats-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.stat-card,
.stat-label {
  min-width: 0;
  overflow-wrap: anywhere;
}

.newsletter-bar,
.newsletter-bar-form,
.newsletter-bar-form > * {
  min-width: 0;
}

.empty-mark {
  color: #756f66 !important;
}

body > footer[style] {
  color: #a3a3a3 !important;
}

body > footer[style] a {
  color: #d4d4d4 !important;
  text-decoration: underline !important;
  text-underline-offset: 0.18em;
}

@media (max-width: 640px) {
  .newsletter-bar {
    width: calc(100% - 32px);
    max-width: none;
  }

  .newsletter-bar-form {
    width: 100%;
  }

  .newsletter-bar-text {
    width: 100%;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  .newsletter-bar-form input[type='email'],
  .newsletter-bar-form .btn {
    width: 100%;
    max-width: 100%;
  }
}
