/* Two independent columns; native details remain usable without JavaScript. */
.merade-faq { padding: 64px clamp(20px, 4vw, 56px) 80px; color: var(--merade-navy); font-family: var(--merade-font-body); }
.merade-faq, .merade-faq *, .merade-faq *::before, .merade-faq *::after { box-sizing: border-box; }
.merade-faq-inner { max-width: 1328px; margin-inline: auto; }
.merade-faq h2 { margin: 0 0 32px; font: 500 clamp(32px, 3.1vw, 44px)/1.1 var(--merade-font-heading); letter-spacing: -.025em; text-wrap: balance; }
.merade-faq-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 48px; align-items: start; min-width: 0; }
.merade-faq-column { min-width: 0; border-top: 1px solid #c9c7be; }
.merade-faq-item { border-bottom: 1px solid #d8d8d1; }
.merade-faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 72px; padding: 22px 0; list-style: none; cursor: pointer; font: 500 17px/1.5 var(--merade-font-body); touch-action: manipulation; }
.merade-faq-item summary::-webkit-details-marker { display: none; }
.merade-faq-item summary > span:first-child { min-width: 0; overflow-wrap: anywhere; }
.merade-faq-item summary:focus-visible { outline: 2px solid var(--merade-gold); outline-offset: 5px; border-radius: 2px; }
.merade-faq-toggle { position: relative; flex: 0 0 20px; width: 20px; height: 20px; color: var(--merade-navy); }
.merade-faq-toggle::before, .merade-faq-toggle::after { content: ''; position: absolute; top: 9px; left: 3px; width: 14px; height: 2px; border-radius: 1px; background: currentColor; }
.merade-faq-toggle::after { transform: rotate(90deg); transition: transform 160ms var(--ease-out, cubic-bezier(.23, 1, .32, 1)); }
.merade-faq-item[open]:not([data-expanded="false"]) .merade-faq-toggle::after { transform: rotate(90deg) scaleX(0); }
.merade-faq-item[data-motion="instant"] .merade-faq-toggle::after { transition: none; }
.merade-faq-content { overflow: hidden; }
.merade-faq-answer { max-width: 72ch; padding: 0 44px 24px 0; color: #505964; font-size: 16px; line-height: 1.7; overflow-wrap: anywhere; }
.merade-faq-answer > :first-child { margin-top: 0; }
.merade-faq-answer > :last-child { margin-bottom: 0; }
.merade-faq-answer :is(img,video,iframe) { max-width: 100%; }
.merade-faq-answer a { color: #234464; text-underline-offset: 4px; }
.merade-faq-answer a:focus-visible { outline: 2px solid var(--merade-gold); outline-offset: 3px; }
@media (hover: hover) and (pointer: fine) {
 .merade-faq-item summary:hover > span:first-child { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
}
@media (max-width: 760px) {
 .merade-faq { padding-block: 40px 48px; }
 .merade-faq h2 { margin-bottom: 28px; }
 .merade-faq-list { grid-template-columns: minmax(0, 1fr); }
 .merade-faq-column + .merade-faq-column { border-top: 0; }
 .merade-faq-item summary { gap: 16px; min-height: 64px; padding-block: 18px; font-size: 16px; }
 .merade-faq-answer { padding: 0 0 20px; font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
 .merade-faq-toggle::after { transition: none; }
}