/* Small compatibility layer for the framework-free static export. */
html.static-export {
  scroll-behavior: smooth;
}

html.static-export [style*="opacity:0"] {
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

html.static-export [style*="transform:scaleX(0)"] {
  transform: scaleX(1) !important;
}

html.static-export .static-mobile-panel.static-open {
  max-height: 32rem !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
}

html.static-export .static-filter-active {
  border-color: var(--primary, #78694d) !important;
  background: var(--primary, #78694d) !important;
  color: #fff !important;
}

html.static-export .static-buy-link {
  cursor: pointer !important;
  opacity: 1 !important;
  filter: none !important;
}

html.static-export a[aria-label="Follow on X"],
html.static-export a[aria-label="Read on Substack"],
html.static-export a[aria-label="Follow on Instagram"],
html.static-export a[aria-label="Follow on TikTok"],
html.static-export a[aria-label="Watch on YouTube"] {
  display: none !important;
}

.static-copy-confirmation {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 100;
  padding: 0.75rem 1rem;
  border-radius: 999px;
  background: #111318;
  color: #fff;
  font: 600 0.875rem/1.2 inherit;
  box-shadow: 0 12px 32px rgb(0 0 0 / 24%);
}

.static-faq-answer {
  overflow: hidden;
  padding: 0 1.5rem 1.5rem;
  color: var(--muted, #5d626c);
  font-size: 1rem;
  line-height: 1.7;
}

.static-faq-answer[hidden] {
  display: none;
}

.static-faq-answer a {
  color: inherit;
  font-weight: 650;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

@media (prefers-reduced-motion: reduce) {
  html.static-export {
    scroll-behavior: auto;
  }
}