/*
  Symphony3 brand review layer
  Derived from Louise's styling reference only. The approved paper content and
  structure remain in index.html and are not sourced from the reference file.
*/
:root {
  --ink: #4D2C95;
  --paper: #F7F5FA;
  --white: #FFFFFF;
  --navy: #4D2C95;
  --navy2: #842B94;
  --muted: rgba(77, 44, 149, .72);
  --line: rgba(77, 44, 149, .16);
  --accent: #47CCDD;
  --accent-text: #842B94;
  --accent-soft: rgba(71, 204, 221, .14);
  --teal: #842B94;
  --teal-soft: rgba(132, 43, 148, .08);
}

body {
  background: var(--paper);
  color: var(--ink);
  font-family: 'Source Sans 3', Arial, sans-serif;
}

h1,
h2,
h3,
.stat .num,
.ev .num,
.toc-row .no,
.seccover .bignum,
.pcard .letter,
.mt .mno,
.mini .n,
.contrib .monogram,
.pull,
.vcard .vl,
.focus .fn,
.step h4,
.dropcap::first-letter,
.takeaway p {
  font-family: 'Baloo Bhaina 2', 'Arial Rounded MT Bold', sans-serif;
  font-style: normal;
  font-weight: 800;
}

.eyebrow,
.kicker,
.cover .brandline,
.cover .download-paper,
.cover .foot,
.partner-logo .role,
.stat .tag,
.stat .src,
.ev .src,
.toc-row .ti,
.fignote,
.pcard li b,
.mt h3,
.mt .tag,
.bar-row .bl,
.bar-val,
.ccard h4,
.contrib .byline,
.placeholder-panel .ptag,
.vcard .arrow,
.scard h4,
.step .sn,
.pb-table th,
.pb-table td.fa,
.refs h4,
.backpage .contact-link,
.backpage .tagfoot,
.secnum-label,
.trend-table .tn b,
.trend-table .tn h3,
.trend-table .tag,
.pcard li .src,
.contrib .refs-inline h4 {
  font-family: 'Source Sans 3', Arial, sans-serif;
}

/* Bridge the approved document's few inline type declarations. */
[style*="font-family:'Fraunces'"] {
  font-family: 'Baloo Bhaina 2', 'Arial Rounded MT Bold', sans-serif !important;
  font-style: normal !important;
  font-weight: 800 !important;
}

[style*="font-family:'Archivo'"] {
  font-family: 'Source Sans 3', Arial, sans-serif !important;
}

.cover,
.seccover,
.backpage {
  background: #4D2C95;
  background: linear-gradient(90deg, #4D2C95 0%, #842B94 100%);
  color: #FFFFFF;
}

.split-band .side.change {
  background: #4D2C95;
  color: #FFFFFF;
}

.cover h1,
.seccover h2,
.backpage h2,
.split-band .side.change h3 {
  color: #FFFFFF;
}

.cover h1 em {
  color: #47CCDD;
  font-style: normal;
}

.cover .sub,
.seccover .sub,
.backpage p,
.split-band .side.change p {
  color: rgba(255, 255, 255, .82);
}

.cover .brandline,
.cover .foot,
.partner-logo .role,
.secnum-label,
.backpage .tagfoot {
  color: rgba(255, 255, 255, .72);
}

.eyebrow,
.stat .num sup,
.toc-row .no,
.mt .mno,
.vcard .arrow,
.scard h4 span,
.focus .fn,
.step .sn,
.refs h4,
.trend-table .tn b,
.contrib .refs-inline h4 {
  color: #842B94;
}

.eyebrow.on-dark,
.split-band .side.change .kicker,
.backpage .contact-link {
  color: #47CCDD;
}

.takeaway .kicker,
a.tlink:hover .ti {
  color: #842B94;
}

.cover .download-paper {
  background: #FFFFFF;
  border-color: #FFFFFF;
  color: #4D2C95;
}

.cover .download-paper:hover {
  background: #F7F5FA;
  border-color: #F7F5FA;
}

.cover .download-paper:focus-visible,
.backpage .contact-link:focus-visible {
  outline: 3px solid #47CCDD;
  outline-offset: 4px;
}

.horizon line {
  stroke: rgba(255, 255, 255, .22);
}

.horizon path {
  stroke: #47CCDD;
}

.horizon circle {
  fill: #47CCDD;
}

.section-body,
section.block {
  background: #F7F5FA;
}

.contrib,
#contents-page,
.backpage + section {
  background: #FFFFFF;
}

.callout,
.pcard,
.mt,
.chart-card,
.mini,
.ccard,
.vcard,
.scard,
.focus,
.case,
.step,
.pb-table,
.pb-intro,
.takeaway,
.evblock,
.trend-table td {
  background: #FFFFFF;
}

.placeholder-panel,
.rot,
.trend-table .tn,
.evidence {
  background: #F7F5FA;
}

.prose p,
.stat .lbl,
.ev p,
.pcard li,
.mt p,
.mini p,
.ccard p,
.vcard p,
.scard p,
.focus p,
.case p,
.step p,
.pb-table td,
.placeholder-panel p,
.refs li,
.evblock p,
.trend-table p {
  color: #4D2C95;
}

.bar-fill.gold {
  background: #47CCDD;
}

.seccover .bignum,
.seccover .bignum.letter {
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  color: #47CCDD;
  font-style: normal;
}

::selection {
  background: rgba(71, 204, 221, .35);
  color: #4D2C95;
}

a:focus-visible {
  outline: 3px solid #4D2C95;
  outline-offset: 3px;
}

@media (max-width: 600px) {
  .prio-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  .prio-grid > div {
    min-width: 0;
  }
}

@media print {
  body {
    background: #FFFFFF;
  }

  .section-body,
  section.block {
    background: #F7F5FA !important;
  }
}