/* Arbórea Psicanálise — site-wide overrides (formerly inline <style> blocks per .dc.html page) */

body {
  margin: 0;
  background: var(--color-bg-page);
  font-family: var(--font-sans);
}

a {
  color: var(--forest);
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--forest) 38%, transparent);
  text-underline-offset: 3px;
}
a:hover {
  text-decoration-color: var(--forest);
}

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

@media (max-width: 768px) {
  .arb-editorial-grid {
    grid-template-columns: 1fr !important;
  }
}

.arb-cards-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-10);
  margin-top: var(--space-16);
  align-items: start;
}
@media (min-width: 768px) {
  .arb-cards-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

header {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
header img {
  height: 85px !important;
}

/* Header: burger toggle only shows below 1024px */
.ds-header-burger {
  display: none;
}
@media (max-width: 1023px) {
  .ds-header-nav {
    display: none !important;
  }
  .ds-header-burger {
    display: inline-flex !important;
  }
}

/* Mobile nav overlay and glossary tooltip both carry an inline `display` (from the design
   system's inline styles), which beats a plain [hidden] rule's specificity — !important
   is required here so the [hidden] attribute actually hides them. */
.mobile-nav[hidden] {
  display: none !important;
}

.glossary-tooltip[hidden] {
  display: none !important;
}