/* v1.7.0 — colorless FAQ block; inherits theme colors or optional wrapper tone */

.di-faq-block {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 12px;
}
.di-faq-title {
  margin: 0 0 0.8rem 0;
  font-size: var(--di-faq-title-size,1.25rem);
  font-weight: var(--di-faq-title-w,700);
  line-height: 1.25;
}

/* Items */
.di-faq-items .di-faq-item + .di-faq-item { margin-top: 0.9rem; }
.di-faq-q { font-size: var(--di-faq-q-size,1.05rem); font-weight: var(--di-faq-q-w,700); display: flex; align-items: center; gap: .5rem; }
.di-faq-a { margin-top: .35rem; font-size: var(--di-faq-a-size,1rem); font-weight: var(--di-faq-a-w,400); line-height: 1.55; }

/* Weight-only skins (no hard colors) */
.di-faq-style-lined .di-faq-item + .di-faq-item { border-top: 1px solid currentColor; padding-top: 0.9rem; }
.di-faq-style-card { border: 1px solid currentColor; border-radius: 12px; padding: 1rem; }
.di-faq-style-card .di-faq-item + .di-faq-item { border-top: 1px solid currentColor; padding-top: 0.9rem; }
.di-faq-style-soft { border: 1px solid currentColor; border-radius: 12px; padding: 1rem; }
.di-faq-style-shadow { border: 1px solid currentColor; border-radius: 12px; padding: 1rem; box-shadow: 0 1px 6px rgba(0,0,0,.06); }
.di-faq-style-accent .di-faq-item { border-left: 4px solid currentColor; padding-left: .75rem; }

/* Accordion behavior */
.di-faq-items[data-accordion="1"] details { border: 1px solid currentColor; border-radius: 10px; padding: .6rem .8rem; }
.di-faq-items[data-accordion="1"] details + details { margin-top: .6rem; }
.di-faq-items[data-accordion="1"] summary { list-style: none; cursor: pointer; display: flex; align-items: center; }
.di-faq-items[data-accordion="1"] summary::-webkit-details-marker { display: none; }
.di-faq-items[data-accordion="1"] summary::after { content: "+"; margin-left: auto; font-weight: 700; }
.di-faq-items[data-accordion="1"] details[open] summary::after { content: "–"; }

/* Accessiblity tweaks for keyboard users */
.di-faq-items[data-accordion="1"] summary:focus { outline: 2px solid currentColor; outline-offset: 3px; border-radius: 6px; }