/* /faq on the home's «next» system (next.css loads first; rest.css loads after <main>, so every rule here carries .nx + a
   class). Tight hero + glass search, a sticky rail (topics + contact card) beside numbered question cards (the cards reuse
   next.css .nx-faq__list), final CTA. Light (default) + dark; RTL + LTR through logical properties. */

/* ------------------------------------------------------------------ hero */
.nx>.pf-hero.pf-hero{position:relative;isolation:isolate;padding-top:calc(var(--hh) + 12px + clamp(24px,5vh,56px));padding-bottom:clamp(12px,2.4vw,32px)}
.nx .pf-hero__in{display:flex;flex-direction:column;align-items:center;text-align:center}
.nx .pf-hero .nx-kick .bi{width:18px;height:18px;flex:none}
.nx .pf-h1{margin:0;max-width:20ch}
.nx .pf-lead{margin:14px auto 0;max-width:46ch;text-wrap:balance}

/* the glass search (site.js shows [data-faqs]; the box keeps its height reserved so nothing shifts when it appears) */
.nx .pf-search{width:min(680px,100%);min-height:calc(66px + 26px);margin-top:clamp(18px,3vw,30px)}
.nx .pf-search__box{position:relative;display:flex;align-items:center;gap:12px;min-height:66px;padding-inline:9px 22px;border-radius:999px;cursor:text;
	border:1px solid transparent;background:linear-gradient(180deg,rgb(255 255 255/.96),rgb(255 255 255/.82)) padding-box,linear-gradient(120deg,rgb(14 122 92/.45),rgb(255 255 255/.7) 45%,rgb(224 165 38/.42)) border-box;
	box-shadow:0 1px 0 rgb(255 255 255/.9) inset,0 22px 48px -26px rgb(14 27 44/.4),0 40px 80px -48px rgb(9 79 60/.4);transition:box-shadow .25s var(--ease)}
.nx .pf-search__box:focus-within{box-shadow:0 0 0 4px rgb(57 146 121/.2),0 1px 0 rgb(255 255 255/.9) inset,0 22px 48px -24px rgb(14 122 92/.5)}
.nx .pf-search__ico{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#16876A,#0B6B51);box-shadow:0 1px 0 rgb(255 255 255/.3) inset,0 10px 20px -10px rgb(9 79 60/.7)}
.nx .pf-search__ico .i{width:21px;height:21px}
.nx .pf-search__box input{flex:1;min-width:0;height:62px;border:0;outline:0;background:none;font:inherit;font-size:1.0625rem;color:var(--ink);text-align:start}
.nx .pf-search__box input::placeholder{color:var(--ink-4);opacity:1}
.nx .pf-search__box input::-webkit-search-cancel-button{cursor:pointer}
.nx .pf-search__st{min-height:1.5em;margin-top:10px;font-size:var(--fs-sm);color:var(--ink-4)}
.nx .pf-search__none{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 10px;margin-top:2px;color:var(--ink-3)}
.nx .pf-search__none .i{width:18px;height:18px}

/* ------------------------------------------------------------------ body: rail | questions */
.nx .pf-sec{padding-block:clamp(8px,2vw,24px) clamp(48px,7vw,96px)}
.nx .pf-wrap,.nx .pf-body{max-width:1320px}
.nx .pf-body{display:grid;gap:clamp(28px,4vw,40px);min-width:0;counter-reset:faq}
.nx .pf-rail,.nx .pf-main{min-width:0}
.nx .pf-main{display:grid;gap:clamp(40px,6vw,72px)}
@media (min-width:900px){
	.nx .pf-body{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,4.5vw,64px);align-items:start}
	.nx .pf-rail{position:sticky;top:var(--stick);display:grid;gap:18px}
	.nx .pf-help{margin-top:0}
}
@media (max-width:899px){
	/* phones/tablets: topics first, questions, then the contact card */
	.nx .pf-rail{display:contents}
	.nx .pf-nav{order:-1}
	.nx .pf-help{order:2;margin-top:0}
}

/* gradient icon tiles */
.nx .pf-ico{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;color:#fff;box-shadow:0 1px 0 rgb(255 255 255/.3) inset,0 10px 20px -10px rgb(14 27 44/.5)}
.nx .pf-ico .bi{width:22px;height:22px}
.nx .pf-ico--em{background:linear-gradient(145deg,#16876A,#0B6B51)}
.nx .pf-ico--gold{background:linear-gradient(145deg,#EBC572,#B3841E)}
.nx .pf-ico--lg{width:56px;height:56px;border-radius:18px}
.nx .pf-ico--lg .bi{width:28px;height:28px}

/* topics (rail links): glass cards with a gradient border */
.nx .pf-nav{display:grid;gap:10px;min-width:0}
.nx .pf-nav__a{display:flex;align-items:center;gap:14px;min-height:72px;padding:12px 16px 12px 12px;border-radius:20px;color:var(--ink);text-decoration:none;
	border:1px solid transparent;background:linear-gradient(180deg,rgb(255 255 255/.94),rgb(255 255 255/.78)) padding-box,linear-gradient(140deg,rgb(14 122 92/.3),rgb(255 255 255/.5) 45%,rgb(224 165 38/.26)) border-box;
	box-shadow:0 1px 0 rgb(255 255 255/.9) inset,0 14px 34px -24px rgb(14 27 44/.32);transition:box-shadow .3s var(--ease),translate .3s var(--ease)}
[dir="rtl"] .nx .pf-nav__a{padding:12px 12px 12px 16px}
.nx .pf-nav__a:hover{translate:0 -2px;box-shadow:0 1px 0 rgb(255 255 255/.9) inset,0 22px 44px -24px rgb(14 122 92/.45)}
.nx .pf-nav__a:focus-visible{outline:2px solid var(--em);outline-offset:3px}
.nx .pf-nav__t{display:grid;gap:2px;flex:1;min-width:0;text-align:start}
.nx .pf-nav__t b{font-family:var(--f-display);font-weight:600;font-size:1.0625rem;line-height:1.45}
.nx .pf-nav__t small{font-size:var(--fs-sm);color:var(--ink-4)}
.nx .pf-nav__chev{width:18px;height:18px;flex:none;color:var(--em-text)}
@media (max-width:899px){.nx .pf-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:639px){
	.nx .pf-nav{gap:8px}
	.nx .pf-nav__a,[dir="rtl"] .nx .pf-nav__a{flex-direction:column;justify-content:center;gap:8px;min-height:0;padding:16px 10px;text-align:center}
	.nx .pf-nav__t{text-align:center;justify-items:center}
	.nx .pf-nav__t b{font-size:.98rem}
	.nx .pf-nav__chev{display:none}
}

/* ------------------------------------------------------------------ question groups */
.nx .pf-grp{min-width:0;scroll-margin-top:calc(var(--hh) + 28px)}
.nx .pf-grp__head{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.nx .pf-grp__t{flex:1;min-width:0}
.nx .pf-h2{margin:0;font-size:clamp(1.5rem,1.15rem + 1.2vw,2.25rem)}
.nx .pf-grp__n{margin-top:2px;font-size:var(--fs-sm);color:var(--ink-4)}
.nx .pf-grp__lnk{flex:none}
/* one running number across both groups (01–17), the cards themselves come from next.css */
.nx .pf-list.nx-faq__list{counter-reset:none}
.nx .pf-list .faq__i summary{min-height:64px}
.nx .pf-list .faq__i summary:focus-visible{outline:2px solid var(--em);outline-offset:-2px;border-radius:20px}
.nx .pf-list .faq__i:hover{box-shadow:0 1px 0 rgb(255 255 255/.9) inset,0 20px 44px -24px rgb(14 122 92/.38)}
.nx .pf-list .faq__pm{flex:none}
.nx .pf-list .faq__a p{max-width:68ch}
@media (max-width:639px){
	.nx .pf-grp__head{flex-direction:column;justify-content:center;text-align:center;gap:10px;margin-bottom:16px}
	.nx .pf-grp__lnk{margin-top:-6px}
	.nx .pf-list .faq__i summary{padding:16px 16px;gap:12px;font-size:1rem}
	.nx .pf-list .faq__i summary::before{width:34px;height:34px;border-radius:11px}
	.nx .pf-list .faq__a{padding:0 16px 18px;font-size:.98rem}
	.nx .pf-help{text-align:center;display:flex;flex-direction:column;align-items:center}
	.nx .pf-help .nx-faq__help-btn{align-self:stretch;justify-content:center}
}

/* ------------------------------------------------------------------ final CTA spacing on this page */
.nx.pf .nx-final{padding-top:0}

/* ------------------------------------------------------------------ dark */
:root[data-theme="dark"] .nx .pf-search__box{background:linear-gradient(180deg,rgb(23 40 61/.92),rgb(14 27 44/.82)) padding-box,linear-gradient(120deg,rgb(77 182 148/.55),rgb(255 255 255/.06) 45%,rgb(235 197 114/.42)) border-box;box-shadow:0 1px 0 rgb(255 255 255/.06) inset,0 30px 60px -30px rgb(0 0 0/.8),0 0 60px -24px rgb(14 122 92/.5)}
:root[data-theme="dark"] .nx .pf-search__box:focus-within{box-shadow:0 0 0 4px rgb(77 182 148/.25),0 30px 60px -30px rgb(0 0 0/.8)}
:root[data-theme="dark"] .nx .pf-nav__a{background:linear-gradient(180deg,rgb(23 40 61/.9),rgb(14 27 44/.75)) padding-box,linear-gradient(140deg,rgb(77 182 148/.42),rgb(255 255 255/.05) 45%,rgb(235 197 114/.32)) border-box;box-shadow:0 24px 48px -28px rgb(0 0 0/.8)}
:root[data-theme="dark"] .nx .pf-nav__a:hover{box-shadow:0 24px 48px -24px rgb(0 0 0/.85),0 0 40px -20px rgb(77 182 148/.5)}
:root[data-theme="dark"] .nx .pf-list .faq__i:hover{box-shadow:0 24px 48px -24px rgb(0 0 0/.85),0 0 40px -22px rgb(77 182 148/.45)}
:root[data-theme="dark"] .nx .pf-ico{box-shadow:0 1px 0 rgb(255 255 255/.2) inset,0 10px 24px -10px rgb(0 0 0/.7)}

@media (prefers-reduced-motion:reduce){.nx .pf-nav__a,.nx .pf-search__box{transition:none}.nx .pf-nav__a:hover{translate:none}}

/* search: a topic whose questions are all filtered out drops from the rail too (site.js hides its <section>) */
.nx.pf:has(#faq-general[hidden]) .pf-nav__a[href="#faq-general"],.nx.pf:has(#faq-billing[hidden]) .pf-nav__a[href="#faq-billing"]{display:none}
@media (max-width:899px){.nx.pf:has(.pf-grp[hidden]) .pf-nav{grid-template-columns:minmax(0,1fr)}.nx.pf:has(#faq-general[hidden]):has(#faq-billing[hidden]) .pf-nav{display:none}}