/* Finding / Findings Paragraphs */

section.paragraph.findings > .content-container > h2.title {
  margin-bottom:40px;
  text-align:center;
}

.paragraph.findings .finding {
  align-items:start;
  display:grid;
  gap:40px;
  margin:0 auto;
  max-width:1200px;
  width:100%;
}

.paragraph.findings .finding + .finding {
  background-image:url(/themes/custom/sfid/images/finding-divider.svg);
  background-position:top 30px center;
  background-repeat:no-repeat;
  padding-top:80px;
}

.paragraph.findings .finding .body {
  color:var(--sfid-dark-cornflower-blue);
  font-size:1.75rem;
  line-height:1.5em;
  margin:0 auto;
  max-width:960px;
  text-align:center;
  width:100%;
}

.paragraph.findings .finding .body > :last-child {margin-bottom:0;}

.paragraph.findings .finding figure.report {
  background:#fff;
  border-radius:20px;
  margin:0;
  padding:20px;
}


/* Menu Paragraphs */

article nav.report-menu {
  border-top:1px solid var(--sfid-grey);
  border-bottom:1px solid var(--sfid-grey);
  margin:8px 0 0;
}

article nav.report-menu ul.button-links {
  display:flex;
  gap:6px;
  justify-content:flex-end;
  max-width:1200px;
  margin:0 auto;
}

.report-menu ul.button-links .button {
  background:none;
  color:var(--main-text-color);
  font-weight:400;
  letter-spacing:unset;
  padding:12px;
}

.report-menu ul.button-links li:nth-last-child(2) .button,
.report-menu ul.button-links li:last-child .button {
  background:var(--sfid-dusty-blue);
  color:#fff;
  padding:12px 24px;
}

.report-menu ul.button-links li:nth-last-child(2) .button {background:var(--sfid-red);}


/* Regular Paragraphs */

section.paragraph.regular {
  background:#fff;
  margin:0 auto;
  padding:40px 0;
  width:100%;
}

section.paragraph.regular.background-light-blue {background:var(--sfid-light-blue);}
section.paragraph.regular.background-blue {background:var(--sfid-blue);}
.body-content.primary + section.paragraph.regular.background-white {padding-top:0;}

section.paragraph.regular.background-grid {
  background-color:var(--sfid-light-blue);
  background-image:url(/themes/custom/sfid/images/grid-background.webp);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}

section.paragraph.regular.background-report {
  background-color:var(--sfid-light-blue);
  /* background-image:url(/themes/custom/sfid/images/report-background.webp); */
  background-position:center;
  background-size:cover;
}

.paragraph.regular .content-container {
  margin:0 auto;
  max-width:unset;
  padding:0 20px;
  width:100%;
}

.paragraph.regular .content-container > h2.title {
  margin:0 auto 12px;
  max-width:760px;
  padding:0;
  width:100%;
}

.paragraph.regular.centered-title .content-container > h2.title {
  margin-bottom:24px;
  text-align:center;
}

.paragraph.regular .content-container:has(h2.title + .body-content) > h2.title + .body-content {padding-top:0;}
.paragraph.regular .content-container:has(h2.visually-hidden + .body-content) > h2.visually-hidden + .body-content {padding-top:0;}

.paragraph.regular.centered-title .content-container > hr.title-separator {
  background:var(--sfid-blue);
  border-radius:4px;
  height:4px;
  margin:0 auto 40px;
  width:40px;
}

.paragraph.regular .content-container > .body-content {
  max-width:760px;
  padding-left:0;
  padding-right:0;
}

.paragraph.regular .content-container > .body-content:last-child {padding-bottom:0;}
.paragraph.regular .content-container > .body-content:has(+ ul.button-links) {padding-bottom:0;}

.paragraph.regular .content-container > ul.button-links {
  margin-left:auto;
  margin-right:auto;
  max-width:760px;
}

.paragraph.regular .content-container > ul.button-links:last-child {margin-bottom:0;}


/* Teaser Paragraphs */

section.paragraph.regular > .content-container:has(h2.title + ul.teasers) h2.title {
  margin-bottom:24px;
  max-width:1200px;
}

.paragraph.regular ul.teasers {
  display:grid;
  gap:40px;
  list-style:none;
  margin:0 auto;
  max-width:1200px;
  padding:0;
}

.paragraph.regular ul.teasers li.teaser a {
  display:grid;
  gap:20px;
}

.paragraph.regular ul.teasers figure.image {margin:0;}
.paragraph.regular ul.teasers figure.image .contextual button {display:none !important;}

.paragraph.regular ul.teasers figure.image img {
  border:2px solid var(--sfid-medium-blue);
  border-radius:20px;
}

.paragraph.regular ul.teasers a {text-decoration:none;}

.paragraph.regular ul.teasers a:focus .teaser-title,
.paragraph.regular ul.teasers a:focus .button,
.paragraph.regular ul.teasers a:hover .teaser-title,
.paragraph.regular ul.teasers a:hover .button {text-decoration:underline;}

.paragraph.regular ul.teasers .teaser-content p {
  color:var(--main-text-color);
  font-weight:400;
}

.paragraph.regular ul.teasers .teaser-content .eyebrow,
.paragraph.regular ul.teasers .teaser-content b,
.paragraph.regular ul.teasers .teaser-content strong {font-weight:700;}

.paragraph.regular ul.teasers .teaser-content .teaser-title {
  color:var(--sfid-blue);
  font-size:1.3125rem;
  font-weight:700;
  margin:0 0 8px;
}

.paragraph.regular ul.teasers .teaser-content .button-links {margin-bottom:0;}


/* Visualizations */

.paragraph.regular.visualization {
  padding-left:20px;
  padding-right:20px;
}

.paragraph.regular.visualization > .content-container {
  background:#fff;
  border-radius:20px;
  max-width:850px;
  padding:20px;
}

.paragraph.regular.visualization iframe {
  aspect-ratio:4 / 3.05;
  width:100%;
}


@media (min-width:600px) {
  
  /* Finding / Findings Paragraphs */
  
  .paragraph.findings .finding + .finding {
    background-position:top 50px center;
    padding-top:120px;
  }

  .paragraph.findings .finding figure.report {padding:40px;}
  

  /* Image with Text Paragraphs */
  
  .body-content figure.image-right,  
  .body-content figure.image-left {
    float:right;
    margin-bottom:20px;
    width:50%;
  }

  .body-content figure.image-right {margin-left:20px;}
  
  .body-content figure.image-left {
    float:left;
    margin-right:20px;
  }
  
  
  /* Publications Paragraphs */
  
  .paragraph.regular ul.teasers.publications.grid-display {
    gap:40px;
    grid-template-columns:1fr 1fr;
  }
  
  .paragraph.regular ul.teasers.publications:not(.grid-display) .teaser a {grid-template-columns:200px 1fr;}
  
  
  /* Regular Paragraphs */

  section.paragraph.regular {padding:60px 0;}
  
  
  /* Visualizations */

  .paragraph.regular.visualization > .content-container {padding:40px;}
  
}


@media (min-width:768px) {
  
  /* Finding / Findings Paragraphs */
  
  .paragraph.findings .finding.layout-image-left,
  .paragraph.findings .finding.layout-image-right {grid-template-columns:1fr 1fr;}
  .paragraph.findings .finding.layout-image-left .body {order:2;}
  .paragraph.findings .finding.layout-image-left .body,
  .paragraph.findings .finding.layout-image-right .body {text-align:left}
  .paragraph.findings .finding.layout-image-left figure.report,
  .paragraph.findings .finding.layout-image-right figure.report {padding:20px;}
  
  
  /* Publications Paragraphs */
  
  .paragraph.regular ul.teasers.publications.grid-display {grid-template-columns:1fr 1fr 1fr;}
  
  .paragraph.regular ul.teasers.publications:not(.grid-display) .teaser a {
    gap:40px;
    grid-template-columns:300px 1fr;
  }
  
  
  /* Regular Paragraphs */
  
  .paragraph.regular.centered-title .content-container:has(hr.title-separator + ul.teasers) > hr.title-separator {margin-bottom:60px;}
  

  /* Teaser Paragraphs */

  .paragraph.regular ul.teasers:not(.grid-display) {gap:60px;}
  .paragraph.regular ul.teasers.grid-display {grid-template-columns:1fr 1fr;}

  .paragraph.regular ul.teasers:not(.grid-display) li.teaser a {
    gap:40px;
    grid-template-columns:1fr 1fr;
  }
  
}


@media (min-width:1000px) {
  
  /* Finding / Findings Paragraphs */
  
  .paragraph.findings .finding.layout-image-left figure.report,
  .paragraph.findings .finding.layout-image-right figure.report {padding:40px;}
  
  
  /* Publications Paragraphs */
  
  .paragraph.regular ul.teasers.publications.grid-display {gap:60px;}
  .paragraph.regular ul.teasers.publications:not(.grid-display) .teaser a {grid-template-columns:380px 1fr;}
  

  /* Regular Paragraphs */

  section.paragraph.regular.background-grid .content-container:has(h2.title + .body-content) > h2.title,
  section.paragraph.regular.background-grid > .content-container > .body-content {
    max-width:1200px;
    padding-right:calc(20vw);
  }
  
  
  /* Teaser Paragraphs */

  .paragraph.regular ul.teasers.grid-display {gap:60px;}
  .paragraph.regular ul.teasers:not(.grid-display) li.teaser a {grid-template-columns:1fr 640px;}
  
}


@media (min-width:1240px) {
  
  /* Finding / Findings Paragraphs */
  
  .paragraph.findings .finding.layout-image-left,
  .paragraph.findings .finding.layout-image-right {gap:60px;}
  .paragraph.findings .finding.layout-image-left {grid-template-columns:640px 1fr;}
  .paragraph.findings .finding.layout-image-right {grid-template-columns:1fr 640px;}  
  

  /* Regular Paragraphs */
  
  section.paragraph.regular.background-grid .content-container:has(h2.title + .body-content) > h2.title,
  section.paragraph.regular.background-grid > .content-container > .body-content {
    padding-right:400px;
  }
  
}