/* Alpine passes hub: before the ride + FAQ (native <details>), then the photo credits. */

.ap-faq__item { padding: 16px 0; border-bottom: 1px solid rgba(17, 18, 20, .12); }
.ap-faq__q {
    display: flex; justify-content: space-between; gap: 16px; align-items: center; min-height: 44px;
    list-style: none; cursor: pointer; font-size: 16px; font-weight: 600; line-height: 1.4;
}
.ap-faq__q::-webkit-details-marker { display: none; }
.ap-faq__q::after { content: "+"; flex: 0 0 auto; font-size: 22px; font-weight: 400; line-height: 1; color: var(--ap-muted); }
.ap-faq__item[open] .ap-faq__q::after { content: "\2212"; }
.ap-faq__a { margin: 10px 0 0; max-width: 70ch; font-size: 15px; line-height: 1.75; color: var(--ap-text); }

.ap-credits.ap-sec { padding: 32px 0 40px; }
.ap-cred { list-style: none; margin: 0; padding: 0; font-size: 12px; line-height: 1.7; color: var(--ap-muted); }
.ap-cred a { text-decoration: underline; text-underline-offset: 2px; }
.ap-cred a:hover { color: var(--ap-ink); }

@media (min-width: 900px) {
    .ap-cred { columns: 2; column-gap: 40px; }
    .ap-cred li { break-inside: avoid; }
}