.jrny-faq-wrap { max-width: 920px; margin: 0 auto; }
.jrny-faq-head { text-align: center; margin-bottom: 32px; }
.jrny-faq-head .eyebrow { justify-content: center; display: inline-flex; }
.jrny-faq-head h2 { font-family: var(--serif); font-weight: 500; font-size: 36px; line-height: 1.12; letter-spacing: -0.8px; margin: 12px 0 10px; color: var(--ink); }
.jrny-faq-head .jrny-sub { font-size: 15px; line-height: 1.6; color: var(--ink-3); margin: 0 auto; max-width: 540px; }
.faq-list { display: flex; flex-direction: column; gap: 10px; }
.faq-item { padding: 0; border: 1px solid var(--line); border-radius: 14px; background: #fff; overflow: hidden; transition: border-color 0.18s, box-shadow 0.18s, background 0.18s; }
.faq-item:hover { border-color: rgba(146,104,170,0.45); box-shadow: 0 6px 18px rgba(146,104,170,0.08); }
.faq-item[open] { border-color: var(--accent); box-shadow: 0 10px 28px rgba(146,104,170,0.14); background: linear-gradient(180deg, rgba(242,235,247,0.45) 0%, #fff 60%); }
.faq-item summary { list-style: none; cursor: pointer; padding: 18px 22px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 16px; font-family: var(--serif); font-weight: 500; font-size: 17px; color: var(--ink); letter-spacing: -0.2px; line-height: 1.35; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::marker { content: ''; }
.faq-item summary:hover { color: var(--accent); }
.faq-item[open] summary { padding-bottom: 12px; color: var(--accent); }
.faq-item .chev { width: 30px; height: 30px; border-radius: 999px; background: var(--accent-tint); color: var(--accent); display: inline-flex; align-items: center; justify-content: center; transition: transform 0.22s, background 0.18s; flex-shrink: 0; }
.faq-item:hover .chev { background: rgba(146,104,170,0.18); }
.faq-item[open] .chev { background: var(--accent); color: #fff; transform: rotate(180deg); }
.faq-item .faq-answer { font-size: 14.5px; line-height: 1.75; color: var(--ink-2); margin: 0; padding: 0 22px 22px; max-width: 760px; }
.faq-item .faq-answer p { margin: 0 0 12px; }
.faq-item .faq-answer p:last-child { margin-bottom: 0; }
.jrny-faq-more { text-align: center; margin-top: 28px; }
.jrny-faq-more a { display: inline-flex; align-items: center; gap: 8px; font-size: 14.5px; font-weight: 700; color: var(--accent); transition: gap 0.15s; text-decoration: none; }
.jrny-faq-more a:hover { gap: 10px; }
[dir="rtl"] .jrny-faq-more a > svg { transform: scaleX(-1); }