/* The support page: FAQ accordions on top of the legal layout. */
.support-contact-card { display: inline-flex; flex-wrap: wrap; gap: 6px 12px; align-items: baseline; margin-top: 26px; padding: 14px 20px; border: 1px dashed #bc8a8e; border-radius: 8px; background: #fcf8ef8c; font-size: 15px; }
.support-contact-card span { color: var(--muted); }
.support-contact-card a { color: var(--berry); font-weight: 600; text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.faq-item { border: 1px solid #dfd1bc; border-radius: 8px; background: #fcf8ef8c; margin-top: 12px; }
.faq-item summary { cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 20px; min-height: 44px; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: "+"; flex: none; font: 400 24px/1 var(--serif); color: var(--berry); }
.faq-item[open] summary::after { content: "–"; }
.faq-item summary:focus-visible { outline: 2px solid var(--berry); outline-offset: 3px; border-radius: 8px; }
.legal-content .faq-item h3 { margin: 0; font: 600 16px/1.5 var(--sans); }
.faq-answer { padding: 0 20px 18px; }
.legal-content .faq-answer p, .legal-content .faq-answer li { font-size: 15px; line-height: 1.8; }
.legal-content .faq-answer em { color: inherit; font-style: italic; }
.legal-content .support-email { margin: 18px 0; }
.legal-content .support-email a { display: inline-block; padding: 13px 22px; border-radius: 5px; background: var(--berry); color: var(--paper); text-decoration: none; font-weight: 500; }
.legal-content .support-email a:hover { background: var(--berry-dark); }
@media(max-width: 620px) {
  .faq-item summary { padding: 14px 16px; }
  .faq-answer { padding: 0 16px 16px; }
}
@media print {
  .faq-item { border: 0; }
  .faq-item summary::after { content: ""; }
  .support-contact-card { border: 0; padding: 0; }
}