.vyq-about-this-page {
  --vyq-primary: #ED1A3B !important;
  --vyq-text: #1F2937 !important;
  --vyq-text-mid: #4B5563 !important;
  --vyq-text-light: #6B7280 !important;
  --vyq-bg-soft: #FAFAFA !important;
  --vyq-border: #E5E7EB !important;
  --vyq-border-light: #F3F4F6 !important;
  --vyq-white: #FFFFFF !important;
  --vyq-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* --- Base ----------------------------------------------------------------- */
.vyq-about-this-page,
.vyq-about-this-page * {
  box-sizing: border-box !important;
  /* Reset only has to beat the theme defaults. Equal specificity to the
     rules below, so it must stay first in the file — they re-apply the
     spacing this block actually wants. */
  margin: 0 !important;
  padding: 0 !important;
}

/* --- Classic-theme group wrapper ------------------------------------------
   On a classic theme (Sydney), WordPress wraps every group block's children in
   an extra .wp-block-group__inner-container div at render time — it is not in
   the pasted markup. That wrapper would be the only child of our grid/flex
   containers, so every layout below would collapse to one column.
   display: contents takes it out of the layout without removing it. */
.vyq-about-this-page .wp-block-group__inner-container {
  display: contents !important;
}

.vyq-about-this-page {
  font-family: var(--vyq-font) !important;
  color: var(--vyq-text) !important;
  line-height: 1.6 !important;
  background: var(--vyq-white) !important;
  padding: 56px 0 !important;
}

.vyq-about-this-page-inner {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

/* --- Layout --------------------------------------------------------------- */
.vyq-about-this-page-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 48px !important;
  align-items: center !important;
}

/* WordPress writes inline flex-basis on .wp-block-column — neutralise it */
.vyq-about-this-page-grid > .wp-block-column {
  flex-basis: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* --- Copy ----------------------------------------------------------------- */
.vyq-about-this-page-eyebrow {
  display: block !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--vyq-primary) !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
  margin-bottom: 8px !important;
}

.vyq-about-this-page-title {
  font-family: var(--vyq-font) !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: var(--vyq-text) !important;
  line-height: 1.3 !important;
  margin-bottom: 16px !important;
}

.vyq-about-this-page-subtitle {
  font-family: var(--vyq-font) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--vyq-text) !important;
  margin: 20px 0 10px !important;
}

.vyq-about-this-page-text {
  font-size: 14.5px !important;
  color: var(--vyq-text-mid) !important;
  line-height: 1.75 !important;
  margin-bottom: 12px !important;
}

/* --- Stats panel ---------------------------------------------------------- */
.vyq-about-this-page-panel {
  background: var(--vyq-bg-soft) !important;
  border: 1px solid var(--vyq-border) !important;
  border-radius: 14px !important;
  padding: 32px !important;
}

.vyq-about-this-page-panel-title {
  font-family: var(--vyq-font) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--vyq-text) !important;
  margin-bottom: 8px !important;
}

.vyq-about-this-page-panel-text {
  font-size: 13.5px !important;
  color: var(--vyq-text-light) !important;
  line-height: 1.6 !important;
}

.vyq-about-this-page-stats {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
  margin-top: 20px !important;
}

.vyq-about-this-page-stat {
  background: var(--vyq-white) !important;
  border: 1px solid var(--vyq-border-light) !important;
  border-radius: 10px !important;
  padding: 16px !important;
  text-align: center !important;
}

.vyq-about-this-page-stat-num {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: var(--vyq-primary) !important;
  margin-bottom: 4px !important;
}

.vyq-about-this-page-stat-label {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--vyq-text-light) !important;
}

/* --- Responsive ----------------------------------------------------------- */
@media (max-width: 992px) {
  .vyq-about-this-page-grid {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
}

@media (max-width: 640px) {
  .vyq-about-this-page {
    padding: 36px 0 !important;
  }
  .vyq-about-this-page-inner {
    padding: 0 16px !important;
  }
  .vyq-about-this-page-title {
    font-size: 22px !important;
  }
  .vyq-about-this-page-panel {
    padding: 24px !important;
  }
}