/* One dark disclosure surface for home and certificate FAQs. State changes
   reveal content without replacing its background or changing its padding. */
.legacy-public :is(.legacy-lower-faq__accordion, .faq-accordeon)[data-public-faq] > details {
  background: rgba(255, 255, 255, .1);
  border: 0;
}
.legacy-public :is(.legacy-lower-faq__accordion, .faq-accordeon)[data-public-faq] > details > summary,
.legacy-public :is(.legacy-lower-faq__accordion, .faq-accordeon)[data-public-faq] > details[open] > summary {
  color: #c7c7de;
  background: transparent;
}
.legacy-public :is(.legacy-lower-faq__accordion, .faq-accordeon)[data-public-faq] > details > div,
.legacy-public :is(.legacy-lower-faq__accordion, .faq-accordeon)[data-public-faq] > details[open] > div {
  color: #c7c7de;
  background: transparent;
}
.legacy-public :is(.legacy-lower-faq__accordion, .faq-accordeon)[data-public-faq] > details > div :is(p, li) { color: inherit; }
.legacy-public :is(.legacy-lower-faq__accordion, .faq-accordeon)[data-public-faq] > details > div li::before { background: #fcea1b; }
.legacy-public :is(.legacy-lower-faq__accordion, .faq-accordeon)[data-public-faq] > details > div a {
  color: #fcea1b;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.legacy-public :is(.legacy-lower-faq__accordion, .faq-accordeon)[data-public-faq] > details > div a:focus-visible {
  outline: 2px solid #fcea1b;
  outline-offset: 3px;
}
.legacy-public :is(.legacy-lower-faq__accordion, .faq-accordeon)[data-public-faq] > details > summary::after,
.legacy-public :is(.legacy-lower-faq__accordion, .faq-accordeon)[data-public-faq] > details[open] > summary::after {
  background-image: url('/static/site-assets/certificates/legacy-icon-arrow.png');
  transition: transform .28s ease;
}
.legacy-public :is(.legacy-lower-faq__accordion, .faq-accordeon)[data-public-faq] > details[open] > summary::after { transform: rotate(180deg); }
@media (prefers-reduced-motion: reduce) {
  .legacy-public :is(.legacy-lower-faq__accordion, .faq-accordeon)[data-public-faq] > details > summary::after,
  .legacy-public :is(.legacy-lower-faq__accordion, .faq-accordeon)[data-public-faq] > details[open] > summary::after { transition: none; }
}
