/* ZorgzameStad V15 — readability, contrast and editorial layout refinement. */

:root {
  --muted: #344e47;
  --clay: #7d3f2f;
  --gold: #d9b76f;
}

body {
  -webkit-font-smoothing: auto;
  text-rendering: optimizeLegibility;
}

/* Long Dutch compound words must stay inside their editorial grid track. */
main :where(section, article, aside, header, div, figure) {
  min-width: 0;
}

main :where(h1, h2, h3, h4) {
  max-width: 100%;
  overflow-wrap: anywhere;
  hyphens: auto;
}

p,
li,
dd,
small {
  font-weight: 450;
}

/* Content must arrive in its final colour and sharpness while scrolling. */
.entrance,
.entrance--delay,
.reveal {
  opacity: 1 !important;
  animation: none !important;
  transform: none !important;
}

/* The strip keeps moving with a pointer; keyboard users can still pause it. */
.theme-ribbon__track {
  animation-duration: 34s;
  animation-play-state: running;
}

.theme-ribbon:hover .theme-ribbon__track {
  animation-play-state: running !important;
}

.theme-ribbon:focus-visible .theme-ribbon__track,
.theme-ribbon:focus-within .theme-ribbon__track {
  animation-play-state: paused;
}

.theme-ribbon__group > span {
  color: #0a342f;
  font-size: 0.76rem;
  font-weight: 820;
  letter-spacing: 0.095em;
}

.theme-ribbon__group i {
  color: #7d3f2f;
}

/* Stronger editorial hierarchy on light backgrounds. */
.eyebrow,
.eyebrow--dark {
  color: #733a2d;
  font-size: 0.76rem;
  font-weight: 850;
}

.section-heading > p:last-child,
.relationship-intro > p:not(.eyebrow),
.story-copy > p:not(.eyebrow),
.wish-copy > p:not(.eyebrow),
.definition-main > p:not(.eyebrow),
.manifesto-copy > p,
.practice-learning__body > p,
.partner-copy > p,
.split-story__copy > p:not(.eyebrow),
.city-neighbourhood > div:last-child > p,
.boundaries-copy > p:not(.eyebrow),
.route-compare__intro > p:not(.eyebrow),
.lived-example__copy > p:not(.eyebrow),
.faq-list details p,
.legal-page section p,
.legal-page section li {
  color: var(--muted);
}

.section-heading > p:last-child,
.hero__lead,
.page-hero__lead,
.contact-cta p:not(.eyebrow) {
  font-weight: 480;
}

/* Forest sections use clear white copy and a warmer, brighter accent. */
.section--forest {
  --tone-muted: #e5eee9;
  --tone-accent: #f1d59d;
}

.section--forest .eyebrow,
.section--forest .eyebrow--dark,
.contact-cta--white .eyebrow,
.contact-cta--sage .eyebrow,
.ProjectExplorer-module__a4A_Kq__pageHeroCopy > p:first-child {
  color: #f1d59d !important;
}

.contact-cta--forest .contact-cta__inner .eyebrow {
  color: #733a2d !important;
}

.hero.section--forest h1,
.page-hero.section--forest h1,
.ProjectExplorer-module__a4A_Kq__pageHeroCopy h1 {
  color: #ffffff;
}

.hero.section--forest .hero__lead,
.page-hero.section--forest .page-hero__lead,
.ProjectExplorer-module__a4A_Kq__pageHeroLead,
.section--forest .section-heading > p:last-child,
.section--forest .urgency-intro > p:not(.eyebrow),
.section--forest .perspective-intro > p:not(.eyebrow),
.section--forest .route-compare__intro > p:not(.eyebrow),
.section--forest .consequence-intro > p:not(.eyebrow),
.section--forest .contact-page-context > p:not(.eyebrow) {
  color: #eaf2ee !important;
  font-weight: 480;
}

.hero.section--forest .hero__note,
.page-hero.section--forest .breadcrumbs,
.ProjectExplorer-module__a4A_Kq__pageHero .breadcrumbs {
  color: #dbe7e1 !important;
}

.hero__statement span,
.page-hero__visual figcaption,
.ProjectExplorer-module__a4A_Kq__pageHeroTrust span {
  color: #ffffff;
}

.hero__statement span {
  color: #f1d59d;
}

.ProjectExplorer-module__a4A_Kq__pageHeroTrust span,
.ProjectExplorer-module__a4A_Kq__railPromise p,
.ProjectExplorer-module__a4A_Kq__sendPanel > div:first-child > span,
.ProjectExplorer-module__a4A_Kq__sendFallback {
  color: #e5eee9;
}

/* Panels retain the green-white rhythm, with readable text in both directions. */
.section--white {
  --inverse-panel-muted: #e6efea;
  --inverse-panel-accent: #f1d59d;
  --inverse-panel-line: #ffffff40;
}

.section--forest {
  --inverse-panel-muted: #344e47;
  --inverse-panel-accent: #733a2d;
  --inverse-panel-line: #0b3d3638;
}

.section:is(.section--white, .section--forest)
  :is(
    .relationship-panel,
    .perspective-compare,
    .service-card,
    .principle-card,
    .building-card,
    .offer-card,
    .question-card,
    .methodology-card,
    .knowledge-layer,
    .pressure-card,
    .implementation-card,
    .position-card,
    .definition-aside,
    .not-list,
    .source-panel,
    .partner-aside,
    .boundary-list,
    .project-example,
    .policy-frameworks,
    .policy-precision,
    .result-test,
    .scale-card,
    .decision-action,
    .reference-drawer
  )
  :where(p, li, small, dd) {
  color: var(--inverse-panel-muted) !important;
}

.section:is(.section--white, .section--forest)
  :is(
    .relationship-panel,
    .perspective-compare,
    .service-card,
    .principle-card,
    .building-card,
    .offer-card,
    .question-card,
    .methodology-card,
    .knowledge-layer,
    .pressure-card,
    .implementation-card,
    .position-card,
    .definition-aside,
    .project-example,
    .policy-frameworks,
    .policy-precision,
    .result-test,
    .scale-card,
    .decision-action,
    .reference-drawer
  )
  :where(h2, h3, h4, strong) {
  color: var(--inverse-panel-text) !important;
}

.section--white .relationship-panel__neighbourhood p,
.section--white .relationship-panel__neighbourhood li,
.section--forest .project-example :where(p, li),
.section--forest .pilot-shell :where(p, li, span) {
  color: var(--muted) !important;
}

.section--white .relationship-panel__neighbourhood h3,
.section--forest .project-example :where(h2, h3, strong),
.section--forest .pilot-shell :where(h2, h3, strong) {
  color: var(--ink) !important;
}

/* The green cards on the homepage are immediately readable, not washed out. */
.strength-card {
  border-color: #ffffff42;
  background: var(--forest);
}

.strength-card > span {
  width: fit-content;
  color: var(--forest) !important;
  background: var(--paper);
  border-radius: 999px;
  padding: 7px 12px;
  font-family: var(--sans);
  font-size: 0.72rem;
  font-weight: 850;
  line-height: 1;
}

.strength-card h3,
.strength-card__result strong {
  color: #ffffff;
}

.strength-card p {
  color: #e7f0eb !important;
  font-size: 0.95rem;
  font-weight: 470;
  line-height: 1.68;
}

.strength-card .strength-card__label,
.strength-card__result > p {
  color: #f1d59d !important;
}

.strength-card__result {
  border-top-color: #ffffff45;
}

/* Card labels and numbers use a clear badge in the inverse panel colour. */
:is(
    .service-card,
    .building-card,
    .offer-card,
    .question-card,
    .methodology-card,
    .knowledge-layer,
    .pressure-card,
    .position-card
  )
  > span,
.implementation-card__top > span,
.approach-differences article > span,
.measurement-grid article > span,
.commissioner-card__intro > span {
  width: fit-content;
  border-radius: 999px;
  padding: 7px 11px;
  font-family: var(--sans);
  font-size: 0.7rem;
  font-weight: 850;
  line-height: 1;
}

.section--white
  :is(
    .service-card,
    .building-card,
    .offer-card,
    .question-card,
    .methodology-card,
    .knowledge-layer,
    .pressure-card,
    .position-card
  )
  > span,
.section--white .implementation-card__top > span {
  color: var(--forest) !important;
  background: var(--paper);
}

.section--forest
  :is(
    .service-card,
    .building-card,
    .offer-card,
    .question-card,
    .methodology-card,
    .knowledge-layer,
    .pressure-card,
    .position-card
  )
  > span,
.section--forest .implementation-card__top > span,
.approach-differences article > span,
.measurement-grid article > span,
.commissioner-card__intro > span {
  color: #ffffff !important;
  background: var(--forest);
}

:is(
    .service-card,
    .building-card,
    .offer-card,
    .methodology-card,
    .knowledge-layer,
    .pressure-card,
    .implementation-card,
    .position-card,
    .commissioner-card__intro
  )
  > p {
  font-size: 0.94rem;
  line-height: 1.65;
}

/* Numbering becomes a consistent visual anchor throughout the site. */
.relationship-steps li > span,
.process-list__number,
.compact-process > li > span,
.decision-questions > li > span,
.cause-chain__number {
  display: inline-grid;
  place-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  color: #ffffff !important;
  background: var(--forest);
  border: 1px solid #0b3d3638;
  border-radius: 8px;
  font-family: var(--sans);
  font-size: 0.72rem;
  font-weight: 850;
  line-height: 1;
}

.relationship-steps {
  border-top-color: #0b3d3652;
}

.relationship-steps li {
  border-bottom-color: #0b3d3652;
}

.relationship-steps strong,
.relationship-steps p {
  color: var(--ink);
}

.relationship-panel__city > span,
.relationship-panel__connector,
.relationship-panel__neighbourhood > span {
  font-weight: 850;
}

.section--white .relationship-panel__city > span,
.section--white .relationship-panel__connector {
  color: #f1d59d;
}

.section--white .relationship-panel__city p {
  color: #e7f0eb !important;
}

.section--white .relationship-panel__connector {
  border-top-color: #ffffff45;
}

/* Lines and metrics are visibly structured rather than pale grey. */
.section--white
  :is(
    .urgency-chain,
    .cause-chain,
    .process-list,
    .compact-process,
    .conditions-list,
    .evidence-list,
    .consequence-list,
    .decision-questions,
    .policy-frameworks
  ) {
  border-color: #ffffff42 !important;
}

.section--white
  :is(
    .urgency-chain article,
    .cause-chain > li,
    .process-list > li,
    .compact-process > li,
    .conditions-list > div,
    .evidence-list > div,
    .consequence-list article,
    .decision-questions li,
    .policy-frame
  ) {
  border-color: #ffffff42 !important;
}

.section--forest
  :is(
    .urgency-chain,
    .cause-chain,
    .process-list,
    .compact-process,
    .conditions-list,
    .evidence-list,
    .consequence-list,
    .decision-questions,
    .policy-frameworks
  ) {
  border-color: #0b3d3652 !important;
}

.section--forest
  :is(
    .urgency-chain article,
    .cause-chain > li,
    .process-list > li,
    .compact-process > li,
    .conditions-list > div,
    .evidence-list > div,
    .consequence-list article,
    .decision-questions li,
    .policy-frame
  ) {
  border-color: #0b3d364d !important;
}

.section--white
  :is(
    .urgency-chain,
    .cause-chain,
    .process-list,
    .compact-process,
    .conditions-list,
    .evidence-list,
    .consequence-list,
    .decision-questions
  )
  :is(p, dd, .cause-chain__effect, .process-list__result) {
  color: #e6efea !important;
}

.section--forest
  :is(
    .urgency-chain,
    .cause-chain,
    .process-list,
    .compact-process,
    .conditions-list,
    .evidence-list,
    .consequence-list,
    .decision-questions
  )
  :is(p, dd, .cause-chain__effect, .process-list__result) {
  color: var(--muted) !important;
}

/* The three decision-value blocks are deliberately green with white copy. */
.section--forest .pilot-results {
  background: var(--cream);
}

.pilot-shell {
  grid-template-columns: minmax(0, 0.98fr) minmax(500px, 1.02fr);
}

.pilot-intro h2 {
  max-width: 100%;
  font-size: clamp(2.65rem, 3.8vw, 3.55rem);
  line-height: 1.07;
  overflow-wrap: break-word;
}

.section--forest .pilot-results__label {
  color: #733a2d !important;
  font-weight: 850;
}

.section--forest .pilot-metrics {
  background: transparent;
  gap: 12px;
}

.section--forest .pilot-metrics > div {
  min-height: 160px;
  color: #ffffff;
  background: var(--forest);
  border: 1px solid #0b3d3638;
  border-radius: 3px;
  box-shadow: 0 15px 34px #072d291f;
}

.section--forest .pilot-metrics strong {
  color: #ffffff !important;
}

.section--forest .pilot-metrics span {
  color: #e7f0eb !important;
  font-weight: 500;
}

.section--forest .pilot-results .check-list li {
  color: var(--ink) !important;
}

.section--forest .pilot-results__footnote {
  color: var(--muted) !important;
  border-top-color: #0b3d3645;
  font-size: 0.78rem;
  font-weight: 500;
}

/* CTA copy and footer remain readable at the smallest text sizes. */
.contact-cta--white .contact-cta__inner p:not(.eyebrow),
.contact-cta--sage .contact-cta__inner p:not(.eyebrow),
.contact-cta--white .contact-cta__action span,
.contact-cta--sage .contact-cta__action span {
  color: #e7f0eb;
}

.contact-cta--forest .contact-cta__inner p:not(.eyebrow),
.contact-cta--forest .contact-cta__action span {
  color: var(--muted);
}

.footer-intro > p,
.footer-nav a {
  color: #cbd9d2;
}

.brand--footer em {
  color: #f1d59d;
}

.site-footer__bottom p,
.site-footer__bottom nav a {
  color: #b7c8c0;
}

/* The project explorer follows the same contrast standard. */
.ProjectExplorer-module__a4A_Kq__formHeader > span,
.ProjectExplorer-module__a4A_Kq__fieldHint,
.ProjectExplorer-module__a4A_Kq__optionCard small,
.ProjectExplorer-module__a4A_Kq__sourceNote,
.ProjectExplorer-module__a4A_Kq__characterCount,
.ProjectExplorer-module__a4A_Kq__legalLine,
.pv__intro,
.pv__card small,
.pv__note,
.pv__help {
  color: var(--muted) !important;
  font-weight: 470;
}

.ProjectExplorer-module__a4A_Kq__rail,
.ProjectExplorer-module__a4A_Kq__sendPanel {
  --gold: #f1d59d;
}

.ProjectExplorer-module__a4A_Kq__stepList button {
  color: #d6e2dc;
}

.ProjectExplorer-module__a4A_Kq__stepList
  .ProjectExplorer-module__a4A_Kq__currentStep
  button,
.ProjectExplorer-module__a4A_Kq__stepList
  .ProjectExplorer-module__a4A_Kq__completedStep
  button {
  color: #ffffff;
}

.ProjectExplorer-module__a4A_Kq__railPromise p {
  font-weight: 470;
}

/* Small contextual labels that sit on a different tone than the default eyebrow. */
.measurement-panel .eyebrow {
  color: #f1d59d !important;
}

.pv__header > .pv__eyebrow,
.pv__summary > .pv__eyebrow {
  color: #733a2d !important;
}

.section--white
  :is(
    .implementation-card,
    .pressure-card,
    .policy-frameworks,
    .result-test,
    .source-panel,
    .methodology-card
  )
  .card-source-link {
  color: #ffffff !important;
}

/* Dark policy panels contain light inset cards; keep both layers legible. */
.section--white .policy-frame__meta > span {
  color: #f1d59d !important;
}

.section.section--white .policy-frameworks .policy-frame__local,
.section.section--white .policy-frameworks .policy-frame__local :where(p, li, small, dd) {
  color: var(--muted) !important;
}

.section.section--white .policy-frameworks .policy-frame__local strong {
  color: var(--ink) !important;
}

.section--white .result-test__grid li {
  color: var(--ink);
  background: var(--paper);
  border-color: #0b3d3638 !important;
}

.section.section--white .result-test .result-test__grid h4 {
  color: var(--ink) !important;
}

.section.section--white .result-test .result-test__grid p {
  color: var(--muted) !important;
}

.section--white .result-test__grid span {
  color: #733a2d !important;
}

.section--white .decision-action .button--outline {
  color: var(--forest) !important;
  background: var(--paper) !important;
  border-color: var(--paper) !important;
}

.section--white .decision-action .button--outline:hover {
  color: #ffffff !important;
  background: var(--forest-deep) !important;
  border-color: #ffffff80 !important;
}

@media (max-width: 960px) {
  .pilot-shell {
    grid-template-columns: 1fr;
  }

  .source-panel {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .source-panel > * {
    min-width: 0;
  }
}

@media (max-width: 720px) {
  p,
  li,
  dd,
  small {
    font-weight: 470;
  }

  .theme-ribbon__group {
    gap: 22px;
  }

  .theme-ribbon__group > span {
    gap: 22px;
    font-size: 0.72rem;
  }

  .initiative-bar {
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    padding-block: 7px;
    text-align: center;
    line-height: 1.35;
  }

  .initiative-bar p {
    overflow: visible;
    white-space: normal;
    text-overflow: clip;
  }

  .relationship-steps li > span,
  .process-list__number,
  .compact-process > li > span,
  .decision-questions > li > span,
  .cause-chain__number {
    width: 36px;
    min-width: 36px;
    height: 36px;
  }

  .section--forest .pilot-metrics > div {
    min-height: 0;
  }

  .pilot-shell {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .theme-ribbon__track {
    animation: none !important;
    transform: none !important;
  }
}

/* V15: the policy explanation is divided into calm, self-contained cards. */
.section--white .policy-frameworks--cards {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.section--white .policy-frameworks--cards .policy-frame {
  display: flex !important;
  min-width: 0;
  min-height: 520px;
  flex-direction: column;
  gap: 22px;
  padding: clamp(28px, 3vw, 38px) !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
  background: var(--forest) !important;
  color: #ffffff !important;
  box-shadow: 0 22px 58px rgba(7, 45, 41, 0.15);
}

.section--white .policy-frameworks--cards .policy-frame:last-child:nth-child(odd) {
  grid-column: 1 / -1;
  width: calc(50% - 9px);
  min-height: 0;
  justify-self: center;
}

.section--white .policy-frameworks--cards .policy-frame__meta {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.22);
}

.section--white .policy-frameworks--cards .policy-frame__meta > span {
  color: #f1d59d !important;
}

.section--white .policy-frameworks--cards .policy-frame__meta > strong {
  color: #ffffff !important;
}

.section--white .policy-frameworks--cards .policy-frame__content {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
}

.section--white .policy-frameworks--cards .policy-frame__content h3 {
  max-width: 19ch;
  color: #ffffff !important;
  font-size: clamp(1.85rem, 2.8vw, 2.6rem);
  line-height: 1.08;
}

.section--white .policy-frameworks--cards .policy-frame__content > p,
.section--white .policy-frameworks--cards .policy-frame__meaning {
  color: #e7f0eb !important;
  font-size: 0.95rem;
  line-height: 1.7;
}

.section--white .policy-frameworks--cards .policy-frame__meaning {
  margin-top: auto;
  padding-top: 22px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.section--white .policy-frameworks--cards .policy-frame__meaning strong {
  display: block;
  margin-bottom: 7px;
  color: #f1d59d !important;
  font-family: var(--sans);
  font-size: 0.7rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.section--white .policy-frameworks--cards .card-source-link {
  color: #ffffff !important;
}

.section--white .policy-frameworks--cards .policy-frame__sources {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.section--white .policy-frameworks--cards .policy-frame__sources .card-source-link {
  margin-top: 0;
  font-size: 0.76rem;
  line-height: 1.45;
}

.section--white .policy-frameworks--cards .policy-frame__local {
  margin: 0;
  padding: 22px 24px;
  border: 1px solid rgba(11, 61, 54, 0.2) !important;
  background: var(--paper) !important;
  color: var(--muted) !important;
  font-size: 0.88rem;
  line-height: 1.65;
}

.section--white .policy-frameworks--cards .policy-frame__local strong {
  display: block;
  margin-bottom: 7px;
  color: var(--forest) !important;
  font-family: var(--sans);
  font-size: 0.7rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* V15: white evidence cards receive one deliberate green reading panel. */
.section.section--forest .implementation-card > small {
  display: block;
  margin-top: 20px;
  padding: 22px 24px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: var(--forest);
  color: #e7f0eb !important;
  font-size: 0.82rem;
  font-weight: 480;
  line-height: 1.65;
}

.section.section--forest .implementation-card > small strong {
  display: block;
  margin-bottom: 7px;
  color: #f1d59d !important;
  font-size: 0.68rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.section.section--forest .commissioner-card__questions {
  align-self: stretch;
  padding: 24px 26px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: var(--forest);
  color: #ffffff;
}

.section.section--forest .commissioner-card__questions h4,
.section.section--forest .commissioner-card__result > span {
  color: #f1d59d !important;
}

.section.section--forest .commissioner-card__questions li {
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}

.section.section--forest .commissioner-card__questions li::before {
  color: #f1d59d !important;
}

.section.section--forest .commissioner-card__result {
  border-top-color: rgba(255, 255, 255, 0.22) !important;
}

.section.section--forest .commissioner-card__result p {
  color: #e7f0eb !important;
  font-weight: 480;
}

/* V15: collaboration heading and process are stacked at a readable width. */
.collaboration-process-section .collaboration-process {
  display: grid;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 38px;
}

.collaboration-process-section .collaboration-process > .section-heading {
  display: block !important;
  max-width: 920px;
  margin: 0;
}

.collaboration-process-section .collaboration-process > .section-heading > :where(.eyebrow, h2) {
  display: block;
  max-width: 100% !important;
  grid-column: auto !important;
  grid-row: auto !important;
}

.collaboration-process-section .collaboration-process h2 {
  max-width: 900px !important;
  overflow-wrap: normal;
  hyphens: none;
  word-break: normal;
}

.collaboration-process-section .compact-process {
  width: 100%;
}

.page-hero__visual img[src$="/welzijn.webp"] {
  object-position: center 54%;
}

.page-hero__visual img[src$="/samen.webp"] {
  object-position: center 45%;
}

.page-hero__copy h1 {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.section-heading h2,
.policy-frame h3,
.implementation-card h3,
.commissioner-card h3 {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

@media (max-width: 960px) {
  .section--white .policy-frameworks--cards {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .section--white .policy-frameworks--cards .policy-frame:last-child:nth-child(odd) {
    grid-column: auto;
    width: 100%;
  }

  .section--white .policy-frameworks--cards .policy-frame {
    min-height: 0;
  }
}

@media (max-width: 720px) {
  .initiative-bar {
    min-height: 0;
    height: auto;
  }

  .initiative-bar p {
    flex: 0 1 auto !important;
  }

  .section--white .policy-frameworks--cards .policy-frame {
    padding: 28px 24px !important;
  }

  .section--white .policy-frameworks--cards .policy-frame__meta {
    align-items: flex-start;
    flex-direction: column;
    gap: 7px;
  }

  .section.section--forest .commissioner-card__questions,
  .section.section--forest .implementation-card > small {
    padding: 21px 20px;
  }
}