/* Shared styles for FAQ section pages */
body { background:#fbfbfd; }

.faq-hero { background:#0b0b0d; padding-top:calc(52px + 48px); padding-bottom:48px; }
.faq-hero-inner { max-width:720px; margin:0 auto; padding:0 2rem; }
.faq-breadcrumb { font:400 13px system-ui,-apple-system,sans-serif; color:rgba(255,255,255,.4); margin-bottom:16px; }
.faq-breadcrumb a { color:rgba(255,255,255,.5); text-decoration:none; }
.faq-breadcrumb a:hover { color:#fff; }
.faq-breadcrumb span { margin:0 6px; }
.faq-hero-title { font:700 36px/1.1 system-ui,-apple-system,sans-serif; color:#fff; letter-spacing:-.025em; margin:0 0 10px; }
.faq-hero-sub { font:400 15px/1.6 system-ui,-apple-system,sans-serif; color:rgba(255,255,255,.5); margin:0; }

.faq-body { max-width:720px; margin:0 auto; padding:48px 2rem 96px; }

.faq-item { border-bottom:1px solid #f0f0f2; }
.faq-item:last-child { border-bottom:none; }
.faq-q { width:100%; background:none; border:none; text-align:left; padding:20px 0; display:flex; align-items:flex-start; justify-content:space-between; gap:20px; cursor:pointer; font:600 15px/1.4 system-ui,-apple-system,sans-serif; color:#1d1d1f; }
.faq-q:hover { color:#d6455f; }
.faq-chevron { flex-shrink:0; width:20px; height:20px; border-radius:50%; background:#f0f0f2; display:flex; align-items:center; justify-content:center; transition:background .15s,transform .25s; margin-top:2px; }
.faq-item.open .faq-chevron { background:#d6455f; transform:rotate(180deg); }
.faq-chevron svg { stroke:#86868b; transition:stroke .15s; }
.faq-item.open .faq-chevron svg { stroke:#fff; }
.faq-a { display:none; padding:0 24px 20px 0; font:400 14px/1.75 system-ui,-apple-system,sans-serif; color:#3d3d42; }
.faq-item.open .faq-a { display:block; }
.faq-a p { margin:0 0 12px; }
.faq-a p:last-child { margin:0; }
.faq-a ul, .faq-a ol { padding-left:20px; margin:8px 0 12px; display:flex; flex-direction:column; gap:6px; }
.faq-a li { line-height:1.65; }
.faq-a code { background:#f0f0f2; padding:1px 6px; border-radius:4px; font-size:12px; font-family:ui-monospace,"SF Mono",Menlo,monospace; color:#3d3d42; }
.faq-a strong { color:#1d1d1f; font-weight:600; }
.faq-a a { color:#0066cc; text-decoration:none; }
.faq-a a:hover { text-decoration:underline; }

.faq-section-nav { display:flex; justify-content:space-between; align-items:center; padding-top:40px; border-top:1px solid #e8e8eb; margin-top:16px; gap:12px; }
.faq-section-nav a { font:500 14px system-ui,-apple-system,sans-serif; color:#86868b; text-decoration:none; display:flex; align-items:center; gap:6px; padding:10px 16px; border-radius:999px; border:1px solid #e8e8eb; background:#fff; transition:color .15s,border-color .15s; max-width:48%; }
.faq-section-nav a:hover { color:#1d1d1f; border-color:#c8c8cc; }
.faq-section-nav a.next { margin-left:auto; }
.faq-section-nav .label { font-size:11px; color:#86868b; display:block; margin-bottom:2px; }
.faq-section-nav .name { font:500 13px system-ui,-apple-system,sans-serif; color:#1d1d1f; display:block; }

.faq-cta { background:#0b0b0d; border-radius:20px; padding:40px; text-align:center; margin-top:56px; }
.faq-cta h2 { font:700 24px/1.1 system-ui,-apple-system,sans-serif; color:#fff; letter-spacing:-.02em; margin:0 0 10px; }
.faq-cta p { font:400 14px system-ui,-apple-system,sans-serif; color:rgba(255,255,255,.5); margin:0 0 24px; }

@media (max-width:640px) {
  .faq-hero-title { font-size:28px; }
  .faq-hero { padding-bottom:32px; }
  .faq-body { padding:32px 1rem 64px; }
  .faq-section-nav { flex-direction:column; align-items:stretch; }
  .faq-section-nav a { max-width:100%; }
  .faq-section-nav a.next { margin-left:0; }
}