/**
 * Discover — Solutions: US Policy Can Help via CPC.
 * Ported 1:1 from app/(site)/discover/help-via-cpc/help-via-cpc.module.css.
 * Every module class .foo → .p-help-via-cpc .foo (the module has no single root
 * element, so all selectors are descendant-scoped under the page wrapper).
 * Media queries kept inner-scoped. No url()/@keyframes in the source.
 */

.p-help-via-cpc .seal {
  color: var(--c-amber);
  width: clamp(170px, 22vw, 232px);
  height: auto;
  transform: rotate(-9deg);
  filter: drop-shadow(0 14px 30px rgba(0, 0, 0, 0.25));
}

.p-help-via-cpc .section {
  padding-block: clamp(3.5rem, 8vw, 5.5rem);
}

.p-help-via-cpc .head {
  max-width: 640px;
  margin-bottom: clamp(1.5rem, 4vw, 2.25rem);
}
.p-help-via-cpc .h2 {
  margin: var(--s-2) 0 0;
  color: var(--c-midnight);
}

.p-help-via-cpc .definition {
  max-width: 70ch;
  font-size: var(--fs-xl);
  line-height: var(--lh-normal);
  color: var(--c-text);
  margin: 0 0 var(--s-6);
  text-wrap: pretty;
}
.p-help-via-cpc .definition strong {
  color: var(--c-green);
  font-weight: 600;
}

.p-help-via-cpc .quote {
  margin: var(--s-8) 0 0;
  max-width: 60ch;
  padding-left: var(--s-6);
  border-left: 3px solid var(--c-amber);
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 400;
  font-size: var(--fs-xl);
  line-height: 1.4;
  color: var(--c-green);
}

.p-help-via-cpc .pillars {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.25rem, 3vw, 1.75rem);
  margin-top: clamp(2.25rem, 5vw, 3rem);
}
@media (min-width: 720px) {
  .p-help-via-cpc .pillars {
    grid-template-columns: repeat(3, 1fr);
  }
}
.p-help-via-cpc .pillar {
  padding: clamp(1.5rem, 3vw, 1.9rem);
  background: var(--c-surface-raised);
  border: 1px solid var(--c-border);
  border-radius: var(--r-lg);
  box-shadow: var(--sh-sm);
}
.p-help-via-cpc .pillarIndex {
  display: block;
  margin-bottom: var(--s-3);
  font-family: var(--font-display);
  font-size: var(--fs-base);
  color: var(--c-amber);
}
.p-help-via-cpc .pillarTitle {
  margin: 0 0 var(--s-2);
  font-family: var(--font-display);
  font-weight: 600;
  font-size: var(--fs-lg);
  color: var(--c-midnight);
}
.p-help-via-cpc .pillarBody {
  margin: 0;
  font-size: var(--fs-sm);
  line-height: var(--lh-normal);
  color: var(--c-text-muted);
}

/* ── ICONS' ask — dark green band ────────────────────────────────────── */
.p-help-via-cpc .ask {
  position: relative;
  overflow: hidden;
  background: var(--c-green);
  color: var(--c-text-on-dark);
  padding-block: clamp(4rem, 9vw, 6rem);
}
.p-help-via-cpc .askMark {
  position: absolute;
  right: -110px;
  top: 50%;
  transform: translateY(-50%) rotate(-9deg);
  width: 420px;
  height: 420px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.07);
  pointer-events: none;
}
.p-help-via-cpc .askInner {
  position: relative;
  z-index: 1;
  max-width: 640px;
}
.p-help-via-cpc .askEyebrow {
  margin: 0 0 var(--s-4);
  font-family: var(--font-body);
  font-weight: var(--fw-semibold);
  font-size: var(--fs-sm);
  letter-spacing: var(--ls-wide);
  text-transform: uppercase;
  color: var(--c-amber);
}
.p-help-via-cpc .askTitle {
  margin: 0 0 var(--s-6);
  color: #fff;
}
.p-help-via-cpc .askBody {
  margin: 0;
  max-width: 56ch;
  font-size: var(--fs-lg);
  line-height: var(--lh-normal);
  color: rgba(244, 242, 236, 0.86);
  text-wrap: pretty;
}
.p-help-via-cpc .askBody + .askBody {
  margin-top: var(--s-4);
}
.p-help-via-cpc .askActions {
  margin-top: var(--s-8);
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-4);
}
.p-help-via-cpc .ghostOnDark {
  background: transparent;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.5);
}
.p-help-via-cpc .ghostOnDark:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #fff;
  color: #fff;
}

/* ── Strategic interest + testimonial ────────────────────────────────── */
.p-help-via-cpc .strategic {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(2rem, 5vw, 3.5rem);
  align-items: start;
}
@media (min-width: 820px) {
  .p-help-via-cpc .strategic {
    grid-template-columns: 1fr 1fr;
  }
}
.p-help-via-cpc .strategic .h2 {
  margin-bottom: var(--s-4);
}
.p-help-via-cpc .stratBody {
  margin: 0;
  max-width: 52ch;
  font-size: var(--fs-base);
  line-height: var(--lh-normal);
  color: var(--c-text);
  text-wrap: pretty;
}
.p-help-via-cpc .stratBody + .stratBody {
  margin-top: var(--s-4);
}
.p-help-via-cpc .quoteCard {
  margin: 0;
  background: var(--c-surface-raised);
  border: 1px solid var(--c-border);
  border-left: 4px solid var(--c-amber);
  border-radius: 0 var(--r-lg) var(--r-lg) 0;
  padding: clamp(1.75rem, 3.5vw, 2.25rem);
}
.p-help-via-cpc .quoteCardText {
  margin: 0 0 var(--s-4);
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 400;
  font-size: var(--fs-lg);
  line-height: 1.45;
  color: var(--c-midnight);
}
.p-help-via-cpc .attr {
  font-size: var(--fs-sm);
  color: var(--c-text-muted);
}
.p-help-via-cpc .attr strong {
  display: block;
  margin-bottom: 2px;
  font-size: var(--fs-base);
  color: var(--c-green);
}