/* FAQ */
details {
    grid-column: span 12;
    padding: 1.5rem;
}
summary {
    font-size: medium;
    font-weight: 500;
    cursor: pointer;
}
.faq-item {
    background-color: light-dark(rgba(0,0,0, .05), rgba(255,255,255, .05));
    margin-bottom: 1rem;
    text-align: justify;
}
.faq-item[open] summary {
    color: var(--color-red-500);
}
.answer {
  padding: 1rem;
}
.faq h2 {
  font-size: 1.75rem;
  font-weight:600;
}
/* FAQ */

/* layout helpers and div classes used by PHP templates */
.grid {
  display: grid;
  gap: var(--gutter, 1.5rem);
}
.blocks {
  margin: 0 0 1rem;
  padding: 0 .5rem;
}
/* column spans are handled globally in index.css via .grid > .column */
[class^="block-type-"] {
  /* base hook for block-specific overrides */
}
.accordion {
  display: block;
}
.faq {
  margin: 2rem 0;
}
.block-type-quote {
  font-size: 1.5rem;
  line-height: 1.5;
  margin-bottom: 2rem;
  font-weight: 200;
}
.column[style*="--columns:8"] {
  display: flex;
  margin-top: 1rem;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
  justify-content: center; /* horizontal centering */
  text-align: justify;
}
.column[style*="--columns:12"] h1 {
  display: flex;
  padding: 0 .5rem;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
  justify-content: center; /* horizontal centering */
  align-items: center;     /* vertical centering */
  text-align: center;
}