/* Chanscen non-home polish. This plugin deliberately does not target Home. */

.page-entry.page-about .scope-section,
.page-about .scope-section {
  color: var(--ink, #333) !important;
}

.page-entry.page-about .scope-section h2,
.page-about .scope-section h2,
.page-entry.page-about .scope-section strong,
.page-about .scope-section strong {
  color: var(--ink, #333) !important;
}

.page-entry.page-about .scope-section p,
.page-about .scope-section p,
.page-entry.page-about .scope-section span,
.page-about .scope-section span {
  color: var(--muted, #68736f) !important;
}

.page-entry.page-about .scope-section .eyebrow,
.page-about .scope-section .eyebrow {
  color: var(--green, #008369) !important;
}

.page-entry.page-about .scope-table > *,
.page-about .scope-table > * {
  background: rgba(255, 255, 255, .78) !important;
}

.page-contact .contact-faq-section > .site-shell,
.page-entry.page-contact .contact-faq-section > .site-shell,
.page-contact .contact-faq-section > .wp-block-group.site-shell,
.page-entry.page-contact .contact-faq-section > .wp-block-group.site-shell {
  width: 100% !important;
  max-width: var(--page-frame-max, 1280px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.page-contact .contact-faq-section .section-head,
.page-entry.page-contact .contact-faq-section .section-head,
.page-contact .contact-faq-accordion,
.page-entry.page-contact .contact-faq-accordion,
.page-contact .contact-faq-accordion details,
.page-entry.page-contact .contact-faq-accordion details {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.page-contact .contact-faq-section,
.page-entry.page-contact .contact-faq-section {
  background:
    radial-gradient(circle at 12% 22%, rgba(134, 177, 59, .10), transparent 30%),
    radial-gradient(circle at 86% 18%, rgba(33, 105, 207, .07), transparent 32%),
    linear-gradient(180deg, #f8fbf9 0%, #fff 58%, #f5f9fb 100%) !important;
}

.page-contact .contact-faq-section h2,
.page-entry.page-contact .contact-faq-section h2,
.page-contact .contact-faq-section h3,
.page-entry.page-contact .contact-faq-section h3,
.page-contact .contact-faq-section summary,
.page-entry.page-contact .contact-faq-section summary {
  color: var(--ink, #333) !important;
}

.page-contact .contact-faq-section .section-head p,
.page-entry.page-contact .contact-faq-section .section-head p,
.page-contact .contact-faq-accordion p,
.page-entry.page-contact .contact-faq-accordion p {
  color: var(--muted, #68736f) !important;
}

@media (max-width: 760px) {
  .page-entry.page-contact > .wp-block-group.alignfull.contact-page-content,
  .page-contact .contact-page-content,
  .page-contact .contact-hero-panel,
  .page-entry.page-contact .contact-hero-panel {
    min-height: 0 !important;
    height: auto !important;
    padding: 28px 14px !important;
    background-position: center 42% !important;
  }

  .page-contact .contact-page-content > .contact-grid,
  .page-contact .contact-page-content > .wp-block-columns.contact-grid,
  .page-entry.page-contact .contact-page-content > .contact-grid,
  .page-entry.page-contact .contact-page-content > .wp-block-columns.contact-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: start !important;
    min-height: 0 !important;
    height: auto !important;
    gap: 18px !important;
    padding: 18px !important;
    margin: 0 auto !important;
    width: min(100%, 560px) !important;
  }

  .page-contact .contact-page-content .contact-panel,
  .page-entry.page-contact .contact-page-content .contact-panel,
  .page-contact .contact-page-content .contact-form-column,
  .page-entry.page-contact .contact-page-content .contact-form-column {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    flex-basis: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    align-self: start !important;
    padding: 22px !important;
    margin: 0 !important;
  }

  .page-contact .contact-page-content .contact-panel h1,
  .page-entry.page-contact .contact-page-content .contact-panel h1 {
    font-size: clamp(28px, 8vw, 34px) !important;
    line-height: 1.08 !important;
    max-width: none !important;
    margin-bottom: 14px !important;
  }

  .page-contact .contact-page-content .contact-panel > p:not(.eyebrow),
  .page-entry.page-contact .contact-page-content .contact-panel > p:not(.eyebrow) {
    max-width: none !important;
    margin-bottom: 18px !important;
  }

  .page-contact .contact-list,
  .page-entry.page-contact .contact-list {
    margin-bottom: 0 !important;
  }

  .page-contact .contact-list li,
  .page-entry.page-contact .contact-list li {
    padding: 10px 0 !important;
  }

  .page-contact .contact-page-content .chanscen-form,
  .page-entry.page-contact .contact-page-content .chanscen-form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .page-contact .contact-page-content .chanscen-form input,
  .page-entry.page-contact .contact-page-content .chanscen-form input,
  .page-contact .contact-page-content .chanscen-form select,
  .page-entry.page-contact .contact-page-content .chanscen-form select {
    min-height: 44px !important;
  }

  .page-contact .contact-page-content .chanscen-form textarea,
  .page-entry.page-contact .contact-page-content .chanscen-form textarea {
    min-height: 120px !important;
  }
}
