/* Guides on leasing out land. Prose at the width of the legal pages,
   headings in the landing page's display face. Not sharing the legal pages'
   class: its heading sizes, set later in base.html, would win. */
.guide { max-width: 70ch; }
.guide h1,
.guide h2 {
  font-family: var(--display-font);
  font-weight: 700;
  line-height: 1.1;
}
.guide h1 { font-size: clamp(2.25rem, 5vw, 3rem); margin-bottom: 1rem; }
.guide h2 { margin-top: 2.5rem; font-size: 1.75rem; }
.guide h3 { margin: 1.5rem 0 0.35rem; font-size: 1.1rem; }
.guide-back { margin-bottom: 0.5rem; font-size: 0.9rem; }
.guide-intro { font-size: 1.15rem; }
.guide-note {
  padding-left: 1rem;
  border-left: 4px solid var(--brand-blue);
  color: var(--pico-muted-color);
}
.guide-search { font-weight: 600; }
.guide-contacts li { margin-bottom: 0.4rem; }
.guide-faq details { margin-bottom: 0.75rem; }
.guide-faq summary { font-weight: 600; }
.guide-cta { margin-top: 3rem; padding: 1.5rem; background: var(--mist); border-radius: var(--pico-border-radius); }
.guide-cta h2 { margin-top: 0; }
.guide-cta .actions { gap: 0.75rem; }
/* Two columns of states on a wide screen. */
.guide-states { columns: 2 14rem; padding-left: 1.25rem; }
.guide-states li { margin-bottom: 0.4rem; }