/* #region Paperboard FAQ — /paperboard/faq/ (bin/faq/build-paperboard-faq.py)
 * Each .pw-faq-item is a core/details. Accordion on mobile; the page's inline
 * script closes them below 768px. Divider between items, brand-green accents.
 * Loaded on the front end and as an editor style, so the block editor matches.
 */
.pw-faq .pw-faq-item { margin-block: 0 !important; padding: 24px 0; border-top: 1px solid var(--wp--preset--color--outline); }
.pw-faq .pw-faq-item:last-of-type { border-bottom: 1px solid var(--wp--preset--color--outline); }
.pw-faq .pw-faq-item p,
.pw-faq .pw-faq-item ul { margin: 0; font-size: 17px; line-height: 1.65; }
.pw-faq .pw-faq-item > * + * { margin-top: 10px !important; }
.pw-faq .pw-faq-item ul { padding-left: 1.25em; }
.pw-faq .pw-faq-item li::marker { color: var(--wp--preset--color--quaternary); }
.pw-faq .pw-faq-item a { color: var(--wp--preset--color--quaternary); text-decoration: underline; text-underline-offset: 2px; }

/* Question text */
.pw-faq .pw-faq-item summary { margin: 0; font-size: 19px; line-height: 1.4; font-weight: 600; letter-spacing: 0; color: var(--wp--preset--color--primary); }

/* Accordion: hide the browser arrow, draw a +/− on the right. */
.pw-faq details.pw-faq-item summary { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; list-style: none; cursor: pointer; }
.pw-faq details.pw-faq-item summary::-webkit-details-marker { display: none; }
.pw-faq details.pw-faq-item summary::after { content: "+"; flex: none; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; font-size: 20px; font-weight: 400; line-height: 1; color: #fff; background: var(--wp--preset--color--quaternary); }
.pw-faq details.pw-faq-item[open] summary::after { content: "\2212"; }
.pw-faq details.pw-faq-item summary:hover { color: var(--wp--preset--color--quaternary); }
.pw-faq details.pw-faq-item summary:focus-visible { outline: 2px solid var(--wp--preset--color--quaternary); outline-offset: 4px; border-radius: 2px; }
.pw-faq details.pw-faq-item[open] > summary { margin-bottom: 12px; }
/* Desktop: the page script keeps every answer open, so drop the toggle affordances. */
@media (min-width: 768px) {
  .pw-faq details.pw-faq-item summary { cursor: default; }
  .pw-faq details.pw-faq-item summary::after { display: none; }
  .pw-faq details.pw-faq-item summary:hover { color: var(--wp--preset--color--primary); }
}
/* #endregion Paperboard FAQ */