.wp-block-details.is-style-uswds-accordion {
  border-radius: 0;
  background: var(--wp--preset--color--base, #fff);
  margin-block-end: 1rem;
  overflow: hidden;
}

.wp-block-details.is-style-uswds-accordion summary:hover {
  background: var(--wp--preset--color--base, #D9D9D9);
}

.wp-block-details.is-style-uswds-accordion summary {
  position: relative;
  list-style: none;
  cursor: pointer;
  margin: 0;
  padding: 1rem 3.5rem 1rem 1.25rem;
  background: #f0f0f0;
  color: #000441;
  border: 0;
}

.wp-block-details.is-style-uswds-accordion summary::-webkit-details-marker {
  display: none;
}

.wp-block-details.is-style-uswds-accordion summary::marker {
  content: "";
}

.wp-block-details.is-style-uswds-accordion summary::after {
  content: "+";
  position: absolute;
  inset-inline-end: 1.25rem;
  inset-block-start: 50%;
  transform: translateY(-50%);
  font-size: 1.5rem;
  line-height: 1;
}

.wp-block-details.is-style-uswds-accordion[open] summary::after {
  content: "–";
}

.wp-block-details.is-style-uswds-accordion[open] summary {
  border-block-end: 1px solid #dfe1e2;
}

/* content wrapper */
.wp-block-details.is-style-uswds-accordion > *:not(summary) {
  padding: 1rem 1.25rem 1.25rem;
  background: #fff;
}

/* basic prose spacing */
.wp-block-details.is-style-uswds-accordion > *:not(summary) > :first-child {
  margin-block-start: 0;
}

.wp-block-details.is-style-uswds-accordion > *:not(summary) > :last-child {
  margin-block-end: 0;
}

/* paragraphs */
.wp-block-details.is-style-uswds-accordion p {
  margin-block: 0 1rem;
  line-height: 1.6;
}

/* lists */
.wp-block-details.is-style-uswds-accordion ul,
.wp-block-details.is-style-uswds-accordion ol {
  margin-block: 0 1rem;
  padding-inline-start: 2.5rem;
}

.wp-block-details.is-style-uswds-accordion li {
  margin-block: 0.25rem;
  line-height: 1.6;
}

/* nested lists */
.wp-block-details.is-style-uswds-accordion li > ul,
.wp-block-details.is-style-uswds-accordion li > ol {
  margin-block-start: 0.25rem;
  margin-block-end: 0.25rem;
}

/* headings inside content */
.wp-block-details.is-style-uswds-accordion h1,
.wp-block-details.is-style-uswds-accordion h2,
.wp-block-details.is-style-uswds-accordion h3,
.wp-block-details.is-style-uswds-accordion h4,
.wp-block-details.is-style-uswds-accordion h5,
.wp-block-details.is-style-uswds-accordion h6 {
  margin-block: 0 0 0.75rem;
  line-height: 1.25;
}

/* block editor tends to wrap blocks differently, so normalize */
.wp-block-details.is-style-uswds-accordion .wp-block-list,
.wp-block-details.is-style-uswds-accordion .wp-block-heading,
.wp-block-details.is-style-uswds-accordion .wp-block-paragraph {
  margin-block-end: 1rem;
}

.wp-block-details.is-style-uswds-accordion .wp-block-list:last-child,
.wp-block-details.is-style-uswds-accordion .wp-block-heading:last-child,
.wp-block-details.is-style-uswds-accordion .wp-block-paragraph:last-child {
  margin-block-end: 0;
}

/* the top section is for details this bottom one is for the accordions wordpress type */

:is(
  .wp-block-accordion,
  .wp-block-accordion-item
).is-style-uswds-accordion {
  background: var(--theme-surface-alt, #fff);
  margin-block-end: 1rem;
  overflow: hidden;
}

:is(
  .wp-block-accordion,
  .wp-block-accordion-item
).is-style-uswds-accordion .wp-block-accordion-heading {
  margin: 0;
}

:is(
  .wp-block-accordion,
  .wp-block-accordion-item
).is-style-uswds-accordion .wp-block-accordion-heading__toggle {
  margin: 0;
  padding: 1rem 0.5rem 1rem 1.25rem;
  background: var(--theme-surface-alt,#f0f0f0);
  appearance: none;
}

:is(
  .wp-block-accordion,
  .wp-block-accordion-item
).is-style-uswds-accordion .wp-block-accordion-heading__toggle:hover {
  background: var(--theme-button-background-color-hover, #d9d9d9);
  color: var(--theme-button-text-color-hover)
}

.theme--light 
:is(.wp-block-accordion, .wp-block-accordion-item).is-style-uswds-accordion 
.wp-block-accordion-heading__toggle:hover,

.is-style-theme-light 
:is(.wp-block-accordion, .wp-block-accordion-item).is-style-uswds-accordion 
.wp-block-accordion-heading__toggle:hover {
  background: #d9d9d9;
  color: var(--theme-button-text-color-hover);
}

:is(
  .wp-block-accordion,
  .wp-block-accordion-item
).is-style-uswds-accordion .wp-block-accordion-heading__toggle:hover
  .wp-block-accordion-heading__toggle-title {
  text-decoration: none;
}

:is(
  .wp-block-accordion,
  .wp-block-accordion-item
).is-style-uswds-accordion .wp-block-accordion-panel {
  padding: 1rem 1.25rem 1.25rem;
  background: var(--theme-surface-alt, #fff);
}

/* Content spacing */
:is(
  .wp-block-accordion,
  .wp-block-accordion-item
).is-style-uswds-accordion .wp-block-accordion-panel > :first-child {
  margin-block-start: 0;
}

:is(
  .wp-block-accordion,
  .wp-block-accordion-item
).is-style-uswds-accordion .wp-block-accordion-panel > :last-child {
  margin-block-end: 0;
}

:is(
  .wp-block-accordion,
  .wp-block-accordion-item
).is-style-uswds-accordion .wp-block-accordion-panel p {
  margin-block: 0 1rem;
  line-height: 1.6;
}

:is(
  .wp-block-accordion,
  .wp-block-accordion-item
).is-style-uswds-accordion .wp-block-accordion-panel :is(ul, ol) {
  margin-block: 0 1rem;
  padding-inline-start: 2.5rem;
}

:is(
  .wp-block-accordion,
  .wp-block-accordion-item
).is-style-uswds-accordion .wp-block-accordion-panel li {
  margin-block: 0.25rem;
  line-height: 1.6;
}

:is(
  .wp-block-accordion,
  .wp-block-accordion-item
).is-style-uswds-accordion .wp-block-accordion-panel li > :is(ul, ol) {
  margin-block: 0.25rem;
}

:is(
  .wp-block-accordion,
  .wp-block-accordion-item
).is-style-uswds-accordion .wp-block-accordion-panel
  :is(h1, h2, h3, h4, h5, h6) {
  margin-block: 0 0.75rem;
  line-height: 1.25;
}

/* Block editor normalization */
:is(
  .wp-block-accordion,
  .wp-block-accordion-item
).is-style-uswds-accordion .wp-block-accordion-panel
  :is(.wp-block-list, .wp-block-heading, .wp-block-paragraph) {
  margin-block-end: 1rem;
}

:is(
  .wp-block-accordion,
  .wp-block-accordion-item
).is-style-uswds-accordion .wp-block-accordion-panel
  :is(.wp-block-list, .wp-block-heading, .wp-block-paragraph):last-child {
  margin-block-end: 0;
}
