/* Hallmark · audit follow-up · built: Instituto Elo · redesign: full · brand: existing logo and palette · job: learn about planned initiatives */
:root {
  --ink: #17365b;
  --ink-deep: #11304f;
  --teal: #126c71;
  --orange: #a84c1d;
  --gold: #e9ad37;
  --paper: #fdfefb;
  --cream: #f7f8f4;
  --mist: #eaf2f0;
  --blue-pale: #e7eef4;
  --muted: #4d6173;
  --line: #c9d6d6;
  --focus: #82400c;
  --focus-on-dark: #ffcf73;
  --font-body: "DM Sans", Arial, sans-serif;
  --font-display: "Manrope", "DM Sans", Arial, sans-serif;
  --shadow: 0 16px 45px rgb(17 48 79 / 8%);
}

* { box-sizing: border-box; }
html, body { overflow-x: clip; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--cream);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
a, button { touch-action: manipulation; }
button { font: inherit; }
button:disabled { opacity: .55; cursor: not-allowed; transform: none; }
h1, h2, h3, p, blockquote { margin-top: 0; }
h1, h2, h3 { font-family: var(--font-display); line-height: 1.12; letter-spacing: -.04em; }
h1, h2 { overflow-wrap: break-word; text-wrap: balance; }
p { text-wrap: pretty; }
section[id] { scroll-margin-top: 24px; }
.section-wrap { width: min(1180px, calc(100% - 64px)); margin-inline: auto; }

:where(a, button):focus-visible {
  outline: 3px solid var(--focus);
  outline-offset: 4px;
}
.programs :where(a, button):focus-visible,
.site-footer :where(a, button):focus-visible {
  outline-color: var(--focus-on-dark);
}
main:focus { outline: none; }
.skip-link {
  position: fixed;
  z-index: 100;
  top: 12px;
  left: 12px;
  padding: 12px 16px;
  background: var(--paper);
  border-radius: 6px;
  transform: translateY(-180%);
}
.skip-link:focus { transform: translateY(0); }

.announcement {
  min-height: 34px;
  display: grid;
  place-items: center;
  padding: 4px 16px;
  background: var(--ink-deep);
  color: var(--paper);
  font-size: .82rem;
  text-align: center;
}
.site-header {
  width: min(1280px, calc(100% - 64px));
  min-height: 96px;
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}
.brand, .footer-brand { flex: none; }
.brand img {
  width: 132px;
  height: 90px;
  object-fit: contain;
  mix-blend-mode: multiply;
}
.main-nav { display: flex; align-items: center; gap: clamp(16px, 2.1vw, 32px); }
.main-nav a {
  font-size: .91rem;
  font-weight: 600;
  transition: color .15s ease, background-color .15s ease, border-color .15s ease;
}
.main-nav a:hover, .footer-links a:hover { color: var(--teal); }
.main-nav .nav-cta {
  padding: 12px 20px;
  border: 1px solid var(--ink);
  border-radius: 6px;
  white-space: nowrap;
}
.main-nav .nav-cta:hover { background: var(--ink); color: var(--paper); }
.menu-toggle { display: none; }

.hero {
  min-height: 630px;
  display: grid;
  grid-template-columns: minmax(0, 1.03fr) minmax(0, .97fr);
  align-items: center;
  gap: clamp(32px, 5vw, 80px);
  padding-block: 48px 76px;
}
.lead-copy { min-width: 0; }
.hero h1 {
  max-width: 710px;
  margin-bottom: 24px;
  font-size: clamp(3.3rem, 5vw, 5rem);
  font-weight: 700;
  letter-spacing: -.065em;
}
.lead-copy > p:not(.hero-status) {
  max-width: 40ch;
  margin-bottom: 32px;
  color: var(--muted);
  font-size: clamp(1.05rem, 1.5vw, 1.24rem);
  line-height: 1.55;
}
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; }
.button {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 12px 24px;
  border-radius: 6px;
  font-size: .95rem;
  font-weight: 700;
  line-height: 1.2;
  transition: background-color .15s ease, transform .15s ease;
}
.button:hover { transform: translateY(-2px); }
.button:active { transform: translateY(0); }
.button-primary { background: var(--ink); color: var(--paper); }
.button-primary:hover { background: var(--teal); }
.file-type {
  padding: 4px 8px;
  border: 1px solid currentColor;
  border-radius: 3px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1;
}
.text-link, .program-item a {
  border-bottom: 1px solid currentColor;
  color: var(--teal);
  font-size: .95rem;
  font-weight: 700;
  transition: color .15s ease, border-color .15s ease;
}
.text-link:hover, .program-item a:hover { color: var(--orange); }
.hero-status {
  max-width: 34ch;
  margin: 24px 0 0;
  color: var(--muted);
  font-size: .88rem;
}
.hero-art {
  min-width: 0;
  min-height: 470px;
  display: grid;
  place-items: center;
  padding: clamp(20px, 3vw, 40px);
  border-radius: 48% 48% 7px 7px / 24% 24% 7px 7px;
  background: var(--blue-pale);
}
.hero-art img {
  width: min(100%, 580px);
  height: auto;
  mix-blend-mode: multiply;
}

.intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .88fr);
  column-gap: clamp(40px, 8vw, 128px);
  padding-block: 52px 84px;
  border-top: 1px solid var(--line);
}
.intro h2, .mission h2, .founder h2 {
  max-width: 15ch;
  margin-bottom: 0;
  font-size: clamp(2.25rem, 3.8vw, 3.6rem);
  font-weight: 600;
}
.intro-copy { padding-top: 12px; }
.intro-copy p { max-width: 56ch; margin-bottom: 20px; color: var(--muted); }
.promise {
  grid-column: 1 / -1;
  margin: 68px 0 0;
  padding: 24px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  color: var(--ink);
  font-family: var(--font-display);
  font-size: clamp(2.5rem, 3.3vw, 3rem);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -.035em;
}

.programs { padding-block: 96px 104px; background: var(--ink-deep); color: var(--paper); }
.programs-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 48px;
  margin-bottom: 48px;
}
.programs h2 {
  margin-bottom: 0;
  font-size: clamp(2.4rem, 4.4vw, 4rem);
  font-weight: 600;
}
.programs-heading p { max-width: 48ch; margin: 0; color: var(--blue-pale); }
.program-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(40px, 7vw, 100px);
}
.program-item {
  position: relative;
  min-width: 0;
  min-height: 240px;
  padding: 28px 0 32px 20px;
  border-top: 1px solid var(--line);
}
.program-item::before {
  content: "";
  position: absolute;
  top: 29px;
  bottom: 34px;
  left: 0;
  width: 3px;
  background: var(--gold);
}
.program-item:nth-child(3n + 2)::before { background: var(--teal); }
.program-item:nth-child(3n + 3)::before { background: var(--orange); }
.program-item h3 {
  max-width: 26ch;
  margin-bottom: 12px;
  font-size: clamp(1.3rem, 2vw, 1.75rem);
  font-weight: 600;
}
.program-item p { max-width: 48ch; margin-bottom: 20px; color: var(--blue-pale); }
.program-item a { color: var(--focus-on-dark); }
.program-item a:hover { color: var(--paper); }

.pathway {
  padding-block: 104px 112px;
  background: var(--paper);
}
.pathway-inner {
  display: grid;
  grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
  gap: clamp(48px, 8vw, 120px);
}
.pathway h2, .partnerships h2 {
  max-width: 14ch;
  margin-bottom: 24px;
  font-size: clamp(2.25rem, 3.8vw, 3.6rem);
  font-weight: 600;
}
.pathway-intro p, .partnerships-inner > div:first-child p {
  max-width: 40ch;
  color: var(--muted);
}
.pathway-steps {
  margin: 0 0 32px;
  padding: 0;
  list-style: none;
  counter-reset: etapa;
}
.pathway-steps li {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 20px;
  padding: 20px 0;
  border-top: 1px solid var(--line);
  counter-increment: etapa;
}
.pathway-steps li::before {
  content: counter(etapa, decimal-leading-zero);
  color: var(--teal);
  font-family: var(--font-display);
  font-size: .88rem;
  font-weight: 700;
}
.pathway-steps h3 { margin-bottom: 8px; font-size: 1.3rem; font-weight: 700; }
.pathway-steps p { max-width: 50ch; margin-bottom: 0; color: var(--muted); }
.pathway-boundary {
  max-width: 60ch;
  margin-bottom: 24px;
  padding-left: 20px;
  border-left: 3px solid var(--gold);
  color: var(--muted);
}
.pathway-boundary p { margin-bottom: 12px; }
.pathway-boundary p:last-child { margin-bottom: 0; }

.values {
  display: grid;
  grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
  gap: clamp(40px, 7vw, 100px);
  margin-top: 80px;
  padding-top: 72px;
  border-top: 1px solid var(--line);
}
.values[id] { scroll-margin-top: 24px; }
.values h3 {
  max-width: 15ch;
  margin-bottom: 0;
  font-size: clamp(2.25rem, 3.8vw, 3.6rem);
  font-weight: 600;
}
.values-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 32px;
  align-self: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.values-list li {
  padding: 20px 0;
  border-top: 1px solid var(--line);
  font-family: var(--font-display);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.35;
}

.mission { padding-block: 100px 112px; background: var(--mist); }
.mission h2 { max-width: none; margin-bottom: 40px; }
.mission-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px; }
.mission-grid article { padding-top: 24px; border-top: 2px solid var(--teal); }
.mission-grid h3 { margin-bottom: 12px; font-size: 1.35rem; font-weight: 700; }
.mission-grid p { max-width: 42ch; margin-bottom: 0; color: var(--muted); }

.founder { padding-block: 112px; background: var(--paper); }
.founder-inner {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: clamp(48px, 8vw, 120px);
}
.founder h2 { margin-bottom: 4px; }
.founder-role { margin-bottom: 32px; color: var(--teal); font-weight: 700; }
.founder-copy > p:last-child { max-width: 50ch; margin-bottom: 0; color: var(--muted); }
.founder blockquote {
  margin: 0;
  padding: 36px clamp(28px, 4vw, 56px);
  border-left: 5px solid var(--gold);
  background: var(--blue-pale);
}
.founder blockquote p {
  margin-bottom: 28px;
  font-family: var(--font-display);
  font-size: clamp(1.35rem, 2.1vw, 1.9rem);
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -.03em;
}
.founder cite { color: var(--muted); font-size: .88rem; font-style: normal; }
.founder cite a { text-decoration: underline; text-underline-offset: 3px; }

.partnerships { padding-block: 104px 112px; background: var(--blue-pale); }
.partnerships-inner {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(48px, 8vw, 120px);
}
.partner-types { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.partner-types > div { padding-top: 20px; border-top: 2px solid var(--teal); }
.partner-types h3 { margin-bottom: 12px; font-size: 1.22rem; font-weight: 700; }
.partner-types p { max-width: 34ch; margin-bottom: 0; color: var(--muted); }
.partner-types > a { grid-column: 1 / -1; justify-self: start; align-self: end; }

.invite {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr);
  align-items: center;
  gap: clamp(40px, 7vw, 100px);
  margin-top: 72px;
  padding-top: 64px;
  border-top: 1px solid var(--line);
}
.invite[id] { scroll-margin-top: 24px; }
.invite h3 {
  max-width: 18ch;
  margin-bottom: 20px;
  font-size: clamp(2.25rem, 3.8vw, 3.6rem);
  font-weight: 600;
}
.invite p { max-width: 52ch; margin-bottom: 0; color: var(--muted); }
.invite-action { padding: 28px 0 28px 32px; border-left: 2px solid var(--gold); }
.invite-action p { margin-top: 16px; font-size: .88rem; }

.site-footer { background: var(--ink-deep); color: var(--paper); }
.footer-main {
  min-height: 188px;
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr) minmax(0, 1.5fr);
  align-items: center;
  gap: 28px;
  padding-block: 32px;
}
.footer-brand img { width: 96px; height: 72px; object-fit: contain; mix-blend-mode: screen; }
.footer-main p { max-width: 20ch; margin: 0; font-family: var(--font-display); font-size: 1rem; font-weight: 600; }
.footer-links { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px 24px; }
.footer-links a { color: var(--blue-pale); font-size: .88rem; transition: color .15s ease; }
.footer-links a:hover { color: var(--focus-on-dark); }
.footer-bottom {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 24px;
  padding-block: 20px 28px;
  border-top: 1px solid var(--muted);
  color: var(--blue-pale);
  font-size: .8rem;
}
.footer-bottom a { text-decoration: underline; text-underline-offset: 3px; }

/* Iniciativas: leitura detalhada do portfólio em HTML */
.breadcrumb { display: flex; align-items: center; gap: 10px; padding-top: 24px; color: var(--muted); font-size: .88rem; }
.breadcrumb a { text-decoration: underline; text-underline-offset: 3px; }
.breadcrumb a:hover { color: var(--teal); }
.eyebrow, .index-label { margin-bottom: 16px; color: var(--teal); font-size: .76rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.initiatives-hero { padding-bottom: 88px; background: var(--cream); }
.initiatives-hero-inner { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); align-items: end; gap: clamp(40px, 7vw, 110px); padding-top: 80px; }
.initiatives-hero h1 { max-width: 13ch; margin-bottom: 0; font-size: clamp(3rem, 5.4vw, 5.3rem); font-weight: 700; letter-spacing: -.065em; }
.initiatives-intro { padding-bottom: 6px; }
.initiatives-intro p:first-child { font-size: clamp(1.12rem, 1.5vw, 1.35rem); line-height: 1.5; }
.initiatives-intro p:last-child { margin-bottom: 0; color: var(--muted); }
.initiative-index { padding-block: 48px 64px; background: var(--blue-pale); }
.initiative-index ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 32px; margin: 0; padding: 0; list-style: none; }
.initiative-index li { min-width: 0; border-top: 1px solid var(--line); }
.initiative-index a { min-height: 82px; display: flex; align-items: center; gap: 16px; padding-block: 14px; font-family: var(--font-display); font-size: 1.05rem; font-weight: 700; line-height: 1.3; transition: color .15s ease; }
.initiative-index a:hover { color: var(--teal); }
.initiative-index a::after { content: "↗"; margin-left: auto; color: var(--teal); font-size: 1.2rem; }
.initiative-index a span { flex: none; color: var(--orange); font-size: .78rem; }
.initiative-detail { padding-block: 92px 96px; border-top: 1px solid var(--line); background: var(--paper); }
.initiative-detail:nth-child(even) { background: var(--cream); }
.initiative-detail:target { box-shadow: inset 5px 0 var(--gold); }
.initiative-detail-inner { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(48px, 9vw, 136px); }
.initiative-heading { min-width: 0; }
.initiative-heading h2 { max-width: 15ch; margin-bottom: 24px; font-size: clamp(2.35rem, 3.8vw, 3.75rem); font-weight: 600; }
.initiative-heading > p:last-child { max-width: 38ch; margin-bottom: 0; color: var(--muted); font-size: 1.1rem; line-height: 1.55; }
.initiative-body { min-width: 0; padding-top: 30px; }
.initiative-body h3 { margin-bottom: 20px; font-size: 1.38rem; font-weight: 700; }
.initiative-body > p { max-width: 60ch; color: var(--muted); }
.initiative-body ul, .initiative-support ul { margin: 0 0 32px; padding: 0; list-style: none; }
.initiative-body li, .initiative-support li { position: relative; padding: 12px 0 12px 25px; border-top: 1px solid var(--line); line-height: 1.55; }
.initiative-body li::before, .initiative-support li::before { content: ""; position: absolute; top: 23px; left: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--teal); }
.initiative-note { max-width: 64ch; padding: 24px 28px; border-left: 3px solid var(--gold); background: var(--blue-pale); }
.initiative-note strong { display: block; margin-bottom: 8px; font-family: var(--font-display); font-size: .95rem; }
.initiative-note p { margin: 0; color: var(--muted); }
.initiative-support { padding-block: 100px; background: var(--mist); }
.support-inner { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(48px, 9vw, 136px); }
.support-inner h2, .initiative-ending h2 { max-width: 15ch; margin-bottom: 0; font-size: clamp(2.35rem, 3.8vw, 3.75rem); font-weight: 600; }
.support-inner > div:last-child > p:first-child { color: var(--muted); font-size: 1.1rem; }
.support-limit { margin-bottom: 24px; padding-left: 20px; border-left: 3px solid var(--gold); color: var(--muted); }
.initiative-ending { padding-block: 104px 112px; background: var(--blue-pale); }
.ending-inner { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); align-items: end; gap: clamp(48px, 9vw, 136px); }
.initiative-ending h2 { max-width: 17ch; margin-bottom: 22px; }
.initiative-ending p { max-width: 57ch; margin-bottom: 0; color: var(--muted); }
.ending-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; padding-left: 28px; border-left: 2px solid var(--gold); }
.ending-actions p { font-size: .88rem; }
.invite-action .text-link { display: inline-block; margin-top: 16px; }
.invite-action .text-link + p { margin-top: 12px; }

@media (max-width: 900px) {
  .site-header { min-height: 84px; }
  .brand img { width: 112px; height: 76px; }
  .menu-toggle {
    width: 48px;
    height: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border: 1px solid var(--line);
    border-radius: 6px;
    background: var(--paper);
    cursor: pointer;
  }
  .menu-toggle span { width: 19px; height: 2px; background: var(--ink); }
  .main-nav {
    position: absolute;
    z-index: 20;
    top: 118px;
    left: 0;
    right: 0;
    display: none;
    align-items: stretch;
    gap: 0;
    padding: 20px 32px 28px;
    background: var(--paper);
    box-shadow: var(--shadow);
  }
  .main-nav.open { display: flex; flex-direction: column; }
  .main-nav a { padding: 12px 0; border-bottom: 1px solid var(--line); }
  .main-nav .nav-cta { align-self: flex-start; margin-top: 16px; padding: 12px 20px; border: 1px solid var(--ink); }
  .hero { min-height: 530px; gap: 28px; }
  .hero-art { min-height: 360px; }
  .hero h1 { font-size: clamp(2.7rem, 6vw, 4rem); }
  .intro, .values { column-gap: 40px; }
  .programs-heading { align-items: start; flex-direction: column; gap: 20px; }
  .pathway-inner, .partnerships-inner { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .footer-main { grid-template-columns: 90px minmax(0, 1fr); }
  .footer-links { grid-column: 1 / -1; justify-content: flex-start; }
  .initiative-index ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .initiative-detail-inner, .support-inner { gap: 44px; }
}

@media (max-width: 650px) {
  .section-wrap, .site-header { width: calc(100% - 40px); }
  .hero {
    min-height: 0;
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
    padding-block: 48px 64px;
  }
  .hero h1 { max-width: 12ch; margin-bottom: 20px; font-size: clamp(2.55rem, 11vw, 3.5rem); }
  .lead-copy > p:not(.hero-status) { margin-bottom: 28px; font-size: 1rem; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 20px; }
  .hero-status { margin-top: 20px; }
  .hero-art { min-height: 0; padding: 24px; border-radius: 42% 42% 6px 6px / 21% 21% 6px 6px; }
  .intro { grid-template-columns: minmax(0, 1fr); gap: 24px; padding-block: 72px; }
  .intro-copy { padding-top: 0; }
  .promise { grid-column: 1; margin-top: 20px; font-size: clamp(1.6rem, 6vw, 2rem); }
  .promise-break { display: none; }
  .programs { padding-block: 72px 80px; }
  .programs-heading { margin-bottom: 32px; }
  .program-grid { grid-template-columns: minmax(0, 1fr); }
  .program-item { min-height: 0; padding-block: 24px 28px; }
  .program-item::before { top: 25px; bottom: 29px; }
  .pathway, .partnerships { padding-block: 80px; }
  .pathway-steps li { grid-template-columns: 36px minmax(0, 1fr); gap: 12px; }
  .partner-types { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .partner-types > a { grid-column: 1; }
  .values { grid-template-columns: minmax(0, 1fr); gap: 32px; margin-top: 56px; padding-top: 56px; }
  .values-list { grid-template-columns: minmax(0, 1fr); }
  .values-list li { padding-block: 16px; }
  .mission { padding-block: 76px 84px; }
  .mission-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .mission h2 { margin-bottom: 32px; }
  .founder { padding-block: 80px; }
  .founder-inner { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .founder blockquote { padding: 28px; }
  .invite { grid-template-columns: minmax(0, 1fr); gap: 32px; margin-top: 56px; padding-top: 56px; }
  .invite-action { padding-block: 8px; }
  .footer-main { min-height: 0; grid-template-columns: 80px minmax(0, 1fr); gap: 20px; }
  .footer-brand img { width: 78px; height: 62px; }
  .footer-bottom { flex-direction: column; }
  .initiatives-hero { padding-bottom: 64px; }
  .initiatives-hero-inner { grid-template-columns: minmax(0, 1fr); gap: 28px; padding-top: 56px; }
  .initiatives-hero h1 { font-size: clamp(2.65rem, 11vw, 3.5rem); }
  .initiative-index { padding-block: 40px 48px; }
  .initiative-index ol { grid-template-columns: minmax(0, 1fr); }
  .initiative-index a { min-height: 68px; }
  .initiative-detail, .initiative-support, .initiative-ending { padding-block: 72px 80px; }
  .initiative-detail-inner, .support-inner, .ending-inner { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .initiative-body { padding-top: 0; }
  .initiative-heading h2 { margin-bottom: 18px; }
  .initiative-heading > p:last-child { font-size: 1rem; }
  .initiative-note { padding: 22px; }
  .ending-actions { padding-left: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: 0s !important; }
}