/*
 * Use CSS variables for each grade. Allows finer control of element styling;
 */
.grade--a {
  --color: #21578A;
}

.grade--b {
  --color: #4C8C40;
}

.grade--c {
  --color: #F5B21E;
}

.grade--d {
  --color: #E87524;
}

.grade--f {
  --color: #D01F30;
}

.grade--none {
  --color: #EEE;
}

.grade--f1 {
  --color: rgb(216, 62, 72);
}

.grade--f2 {
  --color: rgb(228, 125, 134);
}

.grade--f3 {
  --color: rgb(232, 144, 152);
}

.grade--f4 {
  --color: rgb(239, 181, 186);
}

.grade--f5 {
  --color: rgb(248, 224, 225);
  --text: #1C1C1B;
}

.wp-block-accordion {
  width: 100%;
}
.wp-block-accordion__header {
  font-size: 30px;
  font-weight: 600;
  font-family: "Barlow", sans-serif;
  width: 100%;
  color: #013B71;
  text-align: left;
  border: 0;
  padding: 0;
  background: #FFF;
  position: relative;
  z-index: 4;
}
.wp-block-accordion__header .dropdown-icon {
  position: absolute;
  right: 0;
  top: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  z-index: 4;
}
.wp-block-accordion__title {
  padding: 8px 54px 9px 20px;
  font-size: clamp(16px, 2vw, 30px);
}
.wp-block-accordion__inner {
  padding: 24px 12px;
}
.wp-block-accordion__inner > *:first-child {
  margin-top: 0;
}
.wp-block-accordion__inner > *:last-child {
  margin-bottom: 0;
}
.wp-block-accordion .accordion-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.25s linear;
}
.wp-block-accordion .accordion-content__wrap {
  max-width: 996px;
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
}
@media (max-width: 640px) {
  .wp-block-accordion .accordion-content table.has-fixed-layout {
    width: 640px;
    overflow-x: auto;
  }
}
.wp-block-accordion .wp-block-list {
  font-size: 16px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  font-weight: 500;
}
.wp-block-accordion[data-status=is-active] .dropdown-icon::after,
.wp-block-accordion button[aria-expanded=true] .dropdown-icon::after {
  transform: translate(-50%, -50%) rotate(180deg) scale(1) !important;
}
@media (max-width: 768px) {
  .wp-block-accordion[data-status=is-active] .dropdown-icon::after,
  .wp-block-accordion button[aria-expanded=true] .dropdown-icon::after {
    transform: translate(-50%, -50%) rotate(180deg) scale(1) !important;
  }
}
.wp-block-accordion[data-status=is-active] + .accordion-content,
.wp-block-accordion button[aria-expanded=true] + .accordion-content {
  grid-template-rows: 1fr;
}

.wp-block-accordion-group.ol-one-count .wp-block-accordion-group__inner {
  counter-reset: barometers sub_questions;
}
.wp-block-accordion-group.ol-one-count .wp-block-accordion-group__inner .wp-block-accordion__title::before {
  counter-increment: barometers;
  content: counters(barometers, ".", decimal) ".";
  padding-right: 5px;
}
.wp-block-accordion-group.ol-one-count .wp-block-accordion-group__inner ol {
  list-style: none;
  padding-left: 0;
}
.wp-block-accordion-group.ol-one-count .wp-block-accordion-group__inner ol li::before {
  counter-increment: sub_questions;
  content: counters(sub_questions, ".", decimal) ".";
  padding-right: 5px;
}

.dropdown-icon {
  height: 100%;
  width: 70px;
  border: solid 1px #A4A4A4;
  border-radius: 6px;
  background: #FFF;
  position: relative;
}
.dropdown-icon::after {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="5" viewBox="0 0 11 5" fill="none"><path d="M5.5 5L0.73686 0.5L10.2631 0.500001L5.5 5Z" fill="%23A4A4A4"/></svg>');
  width: 11px;
  height: 11px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(0deg) scale(1);
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.25s ease-in-out;
}
@media (max-width: 768px) {
  .dropdown-icon {
    width: 32px;
  }
  .dropdown-icon::after {
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
  }
}