/* FAQ page. Who reads it: someone with one question. Its one job: answer it fast. Next step: Help, or start free. */
.faq-search{margin-block-start:var(--s5)}
.faq-search .p3-input{min-height:56px;font-size:var(--t-b);background:var(--white)}
.faq-count{min-height:1.6em;margin-block-start:var(--s2);font-size:var(--t-s);color:var(--muted)}

.faq-grid{display:grid;gap:var(--s4);padding-block:var(--s5) clamp(64px,8vw,112px)}
.faq-grid>*{min-width:0}

/* topics: one sliding row on phones, a quiet side list on wide screens */
.faq-topics{display:flex;gap:var(--s2);margin-inline:calc(var(--gutter)*-1);padding-inline:var(--gutter);padding-block:var(--s2);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.faq-topics::-webkit-scrollbar{display:none}
.faq-topics a{display:flex;flex:none;align-items:center;gap:var(--s2);min-height:44px;padding:var(--s2) var(--s4);border:1.5px solid var(--line-2);border-radius:var(--r-pill);color:var(--navy);font-size:var(--t-15);font-weight:500;line-height:1.2;text-decoration:none;white-space:nowrap}
.faq-topics a:hover{border-color:var(--navy)}
.faq-topics a:active{background:var(--pale)}
.faq-n{color:var(--muted);font-size:var(--t-xs);font-variant-numeric:tabular-nums}

.faq-g+.faq-g{margin-block-start:var(--s7)}
.faq-h{margin-block-end:var(--s3);font-size:clamp(22px,2.4vw,28px);line-height:1.3;letter-spacing:-.012em}
html[lang=ar] .faq-h{line-height:1.5;letter-spacing:0}
.faq-list .p3-acc__a a{color:var(--navy);text-decoration:underline;text-decoration-color:var(--line-2);overflow-wrap:anywhere}
.faq-list .p3-acc__a a:hover{text-decoration-color:currentColor}
.faq-list .p3-acc__a b{color:var(--ink);font-weight:700}

.p3-empty a{color:var(--navy)}
.faq-next{margin-block-start:var(--s8);padding-block-start:var(--s6);border-top:1px solid var(--line)}
.faq-next .p3-actions{margin-block-start:var(--s4)}

@media (min-width:960px){
  .faq-grid{grid-template-columns:240px minmax(0,1fr);gap:var(--s8);align-items:start;padding-block-start:var(--s7)}
  .faq-topics{position:sticky;top:calc(var(--hdr) + var(--s4));flex-direction:column;gap:0;margin:0;padding:0;overflow:visible}
  .faq-topics a{justify-content:space-between;padding-inline:0;border:0;border-bottom:1px solid var(--line);border-radius:0;white-space:normal}
  .faq-topics a:hover{color:var(--navy-soft);text-decoration:underline;text-underline-offset:.25em}
  .faq-topics a:active{background:none}
  .faq-list{max-width:48rem}
}
