.otc-faq { padding-block: 38px 100px; }
.otc-faq__heading { width: min(100%,386px); border-bottom: 3px solid var(--blue-dark-100); margin-bottom: 60px; }
.otc-faq__heading h1 { margin: 0 0 10px; color: var(--blue-500); font: var(--font-heading-weight) 48px/1.1 var(--font-heading); font-synthesis: none; }
.otc-faq__categories { width: 100%; max-width: 648px; margin-inline: auto; display: flex; flex-direction: column; gap: 40px; }
.otc-faq__category-title { min-width: 0; overflow-wrap: anywhere; }
.otc-faq__category h2 { display: flex; align-items: center; gap: 10px; margin: 0 0 20px; color: var(--blue-dark-600); font: 600 28px/1.25 var(--font-body); }
.otc-faq__icon { flex: 0 0 36px; width: 36px; height: 36px; display: grid; place-items: center; }
.otc-faq__icon svg,.otc-faq__icon img { width: 36px; height: 36px; object-fit: contain; }
.otc-faq__questions { display: flex; flex-direction: column; gap: 8px; }
.otc-faq__item { background: var(--blue-dark-50); border-radius: 10px; overflow: clip; transition: background-color 160ms ease,color 160ms ease; }
.otc-faq__item[open] { background: var(--blue-400); color: #fff; border-radius: 8px; }
.otc-faq__item summary { display: flex; align-items: center; gap: 6px; padding: 16px 20px; cursor: pointer; list-style: none; color: var(--blue-dark-400); font: 600 18px/1.25 var(--font-body); }
.otc-faq__item summary::-webkit-details-marker { display: none; }
.otc-faq__item summary::marker { content: ''; }
.otc-faq__item summary > span:first-child { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.otc-faq__item summary:hover { color: var(--blue-dark-700); }
.otc-faq__item summary:focus-visible { outline: 3px solid var(--blue-dark-700); outline-offset: -4px; border-radius: 8px; }
.otc-faq__item[open] summary { color: #fff; }
.otc-faq__item[open] summary:focus-visible { outline-color: #fff; }
.otc-faq__plus,.otc-faq__minus { flex: 0 0 24px; width: 24px; height: 24px; }
.otc-faq__plus svg,.otc-faq__minus svg { display: block; width: 24px; height: 24px; }
.otc-faq__minus,.otc-faq__item[open] .otc-faq__plus { display: none; }
.otc-faq__item[open] .otc-faq__minus { display: block; }
.otc-faq__answer { padding: 0 20px 20px; font: 500 14px/1.625 var(--font-body); overflow-wrap: anywhere; }
.otc-faq__answer p { margin: 0 0 12px; }
.otc-faq__answer p:last-child { margin-bottom: 0; }
.otc-faq__answer ul,.otc-faq__answer ol { margin: 0 0 12px 20px; }
.otc-faq__answer a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.otc-faq__answer a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
@media (max-width: 767px) {
 .otc-faq { padding-block: 40px 60px; }
 .otc-faq__heading { width: 100%; margin-bottom: 40px; }
 .otc-faq__heading h1 { font-size: 32px; }
 .otc-faq__categories { gap: 54px; }
 .otc-faq__category h2 { font-size: 22px; }
 .otc-faq__icon { flex-basis: 26px; width: 26px; height: 26px; }
 .otc-faq__icon svg,.otc-faq__icon img { width: 26px; height: 26px; }
 .otc-faq__item summary { font-size: 16px; line-height: 22px; padding: 16px; }
 .otc-faq__item[open] { border-radius: 10px; }
 .otc-faq__answer { padding: 0 16px 16px; }
}
@media (prefers-reduced-motion: reduce) { .otc-faq__item { transition: none; } }