body.elementor-template-canvas {
  margin: 0;
}

header.site-header {
  display: block;
  width: 100% !important;
  max-width: none !important;
  padding: 0;
}

.elementor-page .elementor-widget-shortcode,
.elementor-page .elementor-widget-shortcode > .elementor-widget-container,
.elementor-page .elementor-shortcode {
  min-width: 0;
}

.elementor-page .elementor-widget-shortcode > .elementor-widget-container {
  overflow: visible;
}

body.admin-bar .site-header {
  top: 32px;
}

.wdd-hp {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
}

.form-note-success {
  color: #136b46;
}

.form-note-error {
  color: #a42e1a;
}

.archive-hero {
  padding: clamp(9rem, 14vw, 13rem) 0 var(--space-6);
  color: var(--paper);
  background:
    radial-gradient(circle at 88% 20%, rgba(255, 90, 54, 0.2), transparent 24rem),
    var(--ink);
}

.archive-hero h1 {
  max-width: 10ch;
  margin-bottom: var(--space-3);
  font-size: var(--step-5);
  font-weight: 800;
}

.archive-hero h1 em {
  color: var(--coral);
  font-style: normal;
}

.archive-hero > .shell > p:last-child {
  max-width: 44rem;
  color: #b8c7d0;
  font-size: var(--step-1);
}

.archive-posts {
  background: var(--porcelain);
}

.archive-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
}

.archive-grid .article-copy h2 {
  font-size: var(--step-1);
}

.legal-page {
  min-height: 70vh;
  padding: clamp(9rem, 14vw, 12rem) 0 var(--space-6);
  background: var(--paper);
}

.legal-shell {
  max-width: 58rem;
}

.legal-page h1 {
  margin-bottom: var(--space-4);
  font-size: var(--step-4);
}

.legal-page h1 em {
  color: var(--coral);
  font-style: normal;
}

.legal-content h2 {
  margin-top: var(--space-4);
  font-size: var(--step-2);
}

.legal-content h3 {
  margin-top: var(--space-3);
  font-size: var(--step-1);
}

.legal-content p,
.legal-content li {
  color: #354d5c;
}

.legal-content a {
  color: var(--blue);
  text-decoration-color: var(--coral);
  text-underline-offset: 0.2em;
}

@media (max-width: 782px) {
  body.admin-bar .site-header {
    top: 46px;
  }
}

@media (max-width: 820px) {
  .archive-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .archive-grid {
    grid-template-columns: 1fr;
  }
}