/* =================== delivery-faq.css =================== */
/* delivery-faq — FAQ list on /delivery (and other pages reusing the layout).
   Owns: centering, surrounding card, numbering badge placed before each .faq
   summary. Strictly scoped to .delivery-faq* — does not touch .faq internals. */

.delivery-faq {
  counter-reset: deliveryFaq;
  max-width: 820px;
  margin: 0 auto;
  background: var(--hc-paper, #ffffff);
  border: 1px solid var(--hc-line, rgba(26, 23, 20, 0.08));
  border-radius: var(--hc-r-lg, 16px);
  box-shadow: var(--hc-sh-3, 0 8px 28px rgba(26, 23, 20, 0.06));
  overflow: hidden;
}
.delivery-faq > .faq {
  counter-increment: deliveryFaq;
  position: relative;
  padding-left: 64px;
}
.delivery-faq > .faq::before {
  content: counter(deliveryFaq, decimal-leading-zero);
  position: absolute;
  left: 22px;
  top: 22px;
  font-family: var(--hc-mono, "JetBrains Mono", monospace);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: var(--hc-accent, #8b7355);
}
.delivery-faq__link {
  color: var(--hc-accent-dark, #5d4d3a);
  font-weight: 500;
}

@media (max-width: 480px) {
  .delivery-faq > .faq        { padding-left: 52px; }
  .delivery-faq > .faq::before{ left: 16px; top: 18px; font-size: 11px; }
}