@layer components {
  .dig-faq { padding-block: var(--dig-section-space); color: var(--dig-color-on-canvas, var(--dig-color-text)); }
  .dig-faq__inner { min-width: 0; }
  .dig-faq--with-header .dig-faq__inner { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: clamp(2rem, 4vw, 4rem); align-items: start; }
  .dig-faq__header, .dig-faq__questions { min-width: 0; }
  .dig-faq__eyebrow { margin: 0 0 var(--dig-spacing-md); font-family: var(--dig-font-mono); color: var(--dig-color-text-muted); }
  .dig-faq__title { margin: 0 0 var(--dig-spacing-md); font-size: clamp(1.75rem, 1.3rem + 2vw, 3rem); line-height: var(--dig-line-height-tight); }
  .dig-faq__intro { margin: 0; max-width: 65ch; line-height: var(--dig-line-height-body); }
  .dig-faq__questions { border-top: 1px solid var(--dig-color-border); }
  .dig-faq__question { border-bottom: 1px solid var(--dig-color-border); }
  .dig-faq__question summary { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: var(--dig-spacing-md); min-block-size: 44px; padding-block: var(--dig-spacing-md); cursor: pointer; list-style: none; }
  .dig-faq__question summary::-webkit-details-marker { display: none; }
  .dig-faq__question summary::marker { content: ''; }
  .dig-faq__question summary:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
  .dig-faq__question-title { display: grid; grid-template-columns: 2ch minmax(0, 1fr); gap: var(--dig-spacing-md); margin: 0; font-size: clamp(1.125rem, 1rem + .5vw, 1.5rem); line-height: 1.4; overflow-wrap: anywhere; }
  .dig-faq__number { font-family: var(--dig-font-mono); font-size: clamp(.75rem, .7rem + .15vw, .875rem); color: var(--dig-color-text-muted); line-height: 1.8; }
  .dig-faq__toggle { display: inline-flex; line-height: 1.4; }
  .dig-faq__toggle .dig-icon { display: inline-flex; }
  .dig-faq__toggle-minus, .dig-faq__question[open] .dig-faq__toggle-plus { display: none; }
  .dig-faq__question[open] .dig-faq__toggle-minus { display: inline-flex; }
  .dig-faq__answer { min-width: 0; padding-block: 0 var(--dig-spacing-lg); }
  @media (max-width: 48rem) {
    .dig-faq--with-header .dig-faq__inner { grid-template-columns: minmax(0, 1fr); }
  }
}