/* Chevron icon for the toggle button (bi-chevron-down, subset from Bootstrap Icons), self-contained so this block works without a global Bootstrap Icons font */
@font-face {
  font-family: 'accordion-icons';
  src: url('fonts/bootstrap-icons.woff2') format('woff2'),
  url('fonts/bootstrap-icons.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

/* Accordion */
.frame-type-compuart_accordion header {
  position: unset;
  width: unset;
  float: unset;
}

.accordion-button:not(.collapsed) {
  color: var(--bs-body-color);
  background-color: transparent;
}

.accordion-button.collapsed {
  color: var(--bs-body-color);
}

.accordion-button {
  font-size: .8889em;;
  font-weight: 500;
  letter-spacing: 1px;
}

.accordion-body p {
  font-size: 1.1em;;
  font-weight: 300;
  text-transform: unset;
  color: var(--bs-body-color);
}

.accordion-body a {
  color: var(--bs-body-color);
  text-decoration: underline;
}

.accordion-item .accordion-button.collapsed:focus-visible {
  outline: 2px solid var(--focus-color);
  outline-offset: 2px;
}

.accordion-item .accordion-button::after {
  content: '\F282';
  display: inline-block;
  font-family: accordion-icons !important;
  font-style: normal;
  font-weight: 400 !important;
  background-image: unset;
}

.accordion-item .accordion-button:not(.collapsed)::after {
  background-image: unset;
}

.accordioncolor-2 .accordion-item, .accordioncolor-3 .accordion-item, .accordioncolor-4 .accordion-item, .accordioncolor-5 .accordion-item, .accordioncolor-6 .accordion-item, .accordioncolor-7 .accordion-item {
  border: 0;
  margin-bottom: 10px;
}

.accordioncolor-2 .accordion-item .accordion-button {
  color: var(--primary-text-color);
  background: var(--bs-primary);
  border-radius: var(--bs-accordion-inner-border-radius);
}

.accordioncolor-3 .accordion-item .accordion-button {
  color: var(--secondary-text-color);
  background: var(--bs-secondary);
  border-radius: var(--bs-accordion-inner-border-radius);
}

.accordioncolor-4 .accordion-item .accordion-button {
  color: var(--tertiary-text-color);
  background: var(--bs-tertiary);
  border-radius: var(--bs-accordion-inner-border-radius);
}

.accordioncolor-5 .accordion-item .accordion-button {
  color: var(--quaternary-text-color);
  background: var(--bs-quaternary);
  border-radius: var(--bs-accordion-inner-border-radius);
}

.accordioncolor-6 .accordion-item .accordion-button {
  color: var(--dark-text-color);
  background: var(--bs-dark);
  border-radius: var(--bs-accordion-inner-border-radius);
}

.accordioncolor-7 .accordion-item .accordion-button {
  color: var(--bs-body-color);
  background: var(--bs-light);
  border-radius: var(--bs-accordion-inner-border-radius);
}

/* Accordion content block */
.frame-type-compuart_accordion picture img {
  margin-bottom: 1rem;
}

@media (min-width: 576px) {
  .frame-type-compuart_accordion .accordion-body {
    overflow: hidden;
  }

  .frame-type-compuart_accordion picture {
    width: 50%;
  }

  .frame-type-compuart_accordion picture.position-right {
    float: right;
    margin: 0 0 1rem 1rem;
  }

  .frame-type-compuart_accordion picture.position-left {
    float: left;
    margin: 0 1rem 1rem 0;
  }
}

@media (min-width: 576px) and (min-width: 768px) {
  .frame-type-compuart_accordion picture {
    width: 40%;
  }
}

@media (min-width: 576px) and (min-width: 992px) {
  .frame-type-compuart_accordion picture {
    width: 35%;
  }
}

@media (min-width: 576px) and (min-width: 1200px) {
  .frame-type-compuart_accordion picture {
    width: 30%;
  }
}

/* --- 2026-09-09 --- */
:root {
  --accordion-bg: #4F4E52;
  --accordion-color: #fff;
  --accordion-gap: 10px;
}
.accordion-item {
  border: 0;
}
.accordion-item h3 {
  font-size: 1.3em;
}
.accordion-button,
.accordion-button:not(.collapsed),
.accordion-button.collapsed,
.accordion-item:first-of-type .accordion-button,
.accordion-item:last-of-type .accordion-button.collapsed {
  border-radius: 0;
  background: var(--accordion-bg);
  color: var(--accordion-color);
  margin-bottom: var(--accordion-gap);
  padding: 1rem 1.25rem 0.8rem;
}
.accordion-body p {
  font-size: 1.1em;
}