/* A local, fixed-answer guide. No external service or chat transcript. */
.faq-launcher[hidden], .faq-answer[hidden] { display: none; }
.faq-launcher { position: fixed; z-index: 70; inset-inline-end: max(18px,env(safe-area-inset-right)); inset-block-end: max(18px,env(safe-area-inset-bottom)); display: inline-flex; align-items: center; gap: 9px; min-height: 48px; max-width: min(250px,calc(100vw - 36px)); padding: 12px 17px; border: 1px solid #ddbd76; border-radius: 999px; color: #211c12; background: linear-gradient(120deg,#f7d994,#d6af5c); box-shadow: 0 5px 24px #0007,inset 0 1px 0 #fff5; font-size: 12px; font-weight: 750; line-height: 1.4; }
.faq-launcher svg { flex-shrink: 0; }
.faq-launcher:hover { background: #f9dda0; }
.faq-launcher:focus-visible,.faq-dialog :focus-visible { outline: 2px solid #f7d994; outline-offset: 3px; }
.faq-dialog { position: fixed; inset: auto; inset-inline-end: 18px; inset-block-end: 18px; margin: 0; padding: 0; width: 390px; max-width: calc(100vw - 28px); max-height: calc(100dvh - 28px); color: #ece8df; background: #171815; border: 1px solid #bda16a88; border-radius: 20px; box-shadow: 0 24px 90px #000b; text-align: start; overflow: auto; overscroll-behavior: contain; }
.faq-dialog::backdrop { background: #08090680; }
.faq-heading { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 15px 18px 12px 24px; border-block-end: 1px solid #bda16a30; background: linear-gradient(105deg,#26271f,#191a17); }
.faq-heading h2 { color: #edcf91; font-size: 18px; font-weight: 700; letter-spacing: -.025em; line-height: 1.45; }
.faq-close { display: inline-grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; padding: 0; border: 1px solid #d1b57640; border-radius: 50%; color: #eed6a6; background: transparent; font-size: 25px; line-height: 1; }
.faq-content { padding: 18px 24px 25px; }
.faq-description { color: #bbbdb3; font-size: 12px; line-height: 1.65; }
.faq-topics-title { margin: 22px 0 10px; color: #e2dfd3; font-size: 13px; font-weight: 600; }
.faq-topics { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.faq-topics button { min-height: 44px; padding: 10px 12px; border: 1px solid #c7ab723f; border-radius: 10px; text-align: start; color: #ded5c0; background: #20221c; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.faq-topics button:hover,.faq-topics button[aria-expanded='true'] { border-color: #d1b373; background: #2e2e22; color: #f3daa5; }
.faq-answer { margin-block-start: 18px; padding-block-start: 17px; border-block-start: 1px solid #c7ab723f; }
.faq-answer h3 { margin: 0 0 8px; font-size: 15px; font-weight: 650; color: #efd49d; line-height: 1.5; }
.faq-answer p { color: #deded5; font-size: 13px; line-height: 1.75; }
.faq-answer a { display: flex; align-items: center; gap: 6px; min-height: 44px; margin-top: 7px; color: #ebcb8c; font-size: 12px; font-weight: 650; }
body:has(.faq-dialog[open]) { overflow: hidden; }
:root:lang(ar) .faq-heading h2,:root:lang(ckb) .faq-heading h2 { letter-spacing: normal; }
@media(max-width: 500px) { .faq-dialog { inset-inline-end: 14px; inset-block-end: max(14px,env(safe-area-inset-bottom)); } .faq-content { padding-inline: 19px; } .faq-launcher { inset-inline-end: 14px; inset-block-end: max(14px,env(safe-area-inset-bottom)); padding: 11px 14px; } }
@media print { .faq-launcher,.faq-dialog { display: none!important; } }
/* Keep the final footer links clear of the floating launcher at page end. */
.site-footer { padding-block-end: 88px; }
@media print { .site-footer { padding-block-end: 22px; } }