/* FAQ hub and question pages. Answers stay visible in full; lime carries rules, markers and links. */
.faq-page{max-width:950px}
.faq-page h2{font-size:25px;line-height:1.25;margin:0 0 14px}
.faq-page p{color:#d2dcc9;line-height:1.7;max-width:75ch}
.faq-page a:not(.button){color:var(--yellow);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.faq-page a:not(.button):hover,.faq-page a:not(.button):focus-visible{background:var(--yellow);color:var(--ground);text-decoration:none;outline:0}

.faq-takeaways{margin:30px 0 8px;padding:22px 24px 20px;background:var(--surface);border:1px solid var(--yellow);border-radius:var(--radius)}
.faq-takeaways h2{font:italic 800 24px/1.1 BarlowAction,Nunito,sans-serif;text-transform:uppercase;color:var(--yellow);margin-bottom:12px}
.faq-takeaways ul{margin:0;padding-left:20px;display:grid;gap:9px}
.faq-takeaways li{color:var(--ink);line-height:1.55}
.faq-takeaways li::marker{color:var(--yellow)}

.faq-section{margin-top:36px}
.faq-steps{margin:0 0 16px;padding-left:24px;display:grid;gap:8px;max-width:75ch}
.faq-steps li{color:var(--ink);line-height:1.6}
.faq-steps li::marker{color:var(--yellow);font-weight:850}

.faq-table{margin:22px 0 8px}
.faq-table figcaption{font-weight:850;color:var(--ink);margin-bottom:10px}
.faq-table th{color:var(--muted);font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.02em}
.faq-table td{color:#e3e7df;vertical-align:top}
.faq-table .numeric{text-align:right;white-space:nowrap}
.faq-table-note{font-size:13px;color:var(--muted);margin:10px 0 0}

.faq-quote{margin:0 0 16px;padding:20px 24px;background:var(--surface);border:1px solid var(--yellow);border-radius:var(--radius);max-width:75ch}
.faq-quote p{margin:0 0 10px;font-size:20px;line-height:1.5;color:var(--ink)}
.faq-quote cite{font-style:normal;font-size:13px;color:var(--muted)}

.faq-asof{margin-top:28px;font-size:14px;color:var(--muted)}

.page-faq.faq-visible{border-top-color:var(--yellow)}
.page-faq.faq-visible .faq-item{background:var(--surface);border-radius:var(--radius);padding:18px 21px 16px;margin-bottom:10px}
.page-faq.faq-visible .faq-question{margin:0 0 8px;font-size:17px;line-height:1.4;font-weight:850;color:var(--ink)}
.page-faq.faq-visible .faq-answer{padding:0;max-width:75ch}
.page-faq.faq-visible .faq-answer a{color:var(--yellow)}

.faq-related{margin-top:40px}
.faq-related ul{margin:0 0 18px;padding-left:20px;display:grid;gap:8px}
.faq-related li::marker{color:var(--yellow)}
.faq-related .detail-actions{margin-top:6px}
.faq-back{margin-top:16px}

.faq-sources{margin-top:40px;padding-top:24px;border-top:1px solid var(--yellow)}
.faq-sources h2{font-size:21px}
.faq-sources ol{margin:0;padding-left:22px;display:grid;gap:8px;max-width:85ch}
.faq-sources li{font-size:14px;line-height:1.55;color:var(--muted);overflow-wrap:anywhere}
.faq-sources li::marker{color:var(--yellow)}
.faq-checked{color:var(--muted)}

.faq-hub-list{margin-top:30px}
.faq-hub-list ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.faq-page .faq-hub-list li a{display:grid;grid-template-columns:1fr auto;gap:4px 18px;align-items:center;padding:16px 20px;background:var(--surface);border-radius:var(--radius);text-decoration:none;color:var(--ink)}
.faq-hub-list strong{font-size:17px;line-height:1.35}
.faq-hub-list span{grid-column:1;font-size:15px;line-height:1.5;color:var(--muted)}
.faq-hub-list .arrow{grid-column:2;grid-row:1/span 2;width:22px;height:22px;color:var(--yellow)}
.faq-page .faq-hub-list li a:hover,.faq-page .faq-hub-list li a:focus-visible{background:var(--surface-hover);color:var(--ink);outline:2px solid var(--yellow);outline-offset:-2px}
.faq-page .faq-hub-list li a:hover strong,.faq-page .faq-hub-list li a:focus-visible strong{color:var(--yellow)}

@media(max-width:590px){
.faq-page h2{font-size:22px}
.faq-takeaways{padding:18px 16px 16px}
.faq-takeaways h2{font-size:21px}
.faq-quote{padding:16px}
.faq-quote p{font-size:18px}
.page-faq.faq-visible .faq-item{padding:15px 15px 14px}
.faq-page .faq-hub-list li a{padding:14px 15px;gap:4px 12px}
.faq-hub-list strong{font-size:16px}
}
