/* TDA FAQ widget (class-tda-faq.php). Home = dark two-column band after the CTA; page = light, grouped by topic
   with the topic title sticky on the left (same rhythm as the legal pages). Tokens follow the site: Plus Jakarta Sans
   headings, Inter body, red #D0202A, hairlines #E7E9EC (light) / rgba(255,255,255,.1) (dark). */
.tda-faq{--faq-red:#D0202A;--faq-ink:#1A1A1A;--faq-text:#5B616E;--faq-line:#E7E9EC;--faq-ic:#fff;--faq-ic-line:#D9DCE1;
  font-family:'Inter',system-ui,-apple-system,sans-serif}
.tda-faq *,.tda-faq *::before,.tda-faq *::after{box-sizing:border-box}
.tda-faq h2{margin:0}

/* accordion */
.tda-faq__list{border-top:1px solid var(--faq-line)}
.tda-faq__item{border-bottom:1px solid var(--faq-line)}
.tda-faq__q{display:flex;align-items:center;gap:24px;padding:26px 0;cursor:pointer;list-style:none;
  font:700 19px/1.45 'Plus Jakarta Sans',sans-serif;letter-spacing:-.01em;color:var(--faq-ink);transition:color .2s ease}
.tda-faq__q::-webkit-details-marker{display:none}
.tda-faq__q::marker{content:""}
.tda-faq__qt{flex:1 1 auto;min-width:0}
.tda-faq__ic{position:relative;flex:0 0 36px;width:36px;height:36px;border:1px solid var(--faq-ic-line);border-radius:50%;
  background:var(--faq-ic);transition:background-color .25s ease,border-color .25s ease,transform .3s ease}
.tda-faq__ic::before,.tda-faq__ic::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.8px;margin:-.9px 0 0 -6px;
  border-radius:2px;background:currentColor;transition:transform .3s ease}
.tda-faq__ic::after{transform:rotate(90deg)}
.tda-faq__q:hover{color:var(--faq-red)}
.tda-faq__q:hover .tda-faq__ic{border-color:var(--faq-red)}
.tda-faq__q:focus-visible{outline:2px solid var(--faq-red);outline-offset:4px;border-radius:4px}
.tda-faq__item[open] > .tda-faq__q .tda-faq__ic{background:var(--faq-red);border-color:var(--faq-red);color:#fff}
.tda-faq__item[open] > .tda-faq__q .tda-faq__ic::after{transform:rotate(0deg)}
.tda-faq__a{padding:0 0 28px 0;color:var(--faq-text);font-size:16px;line-height:1.75;overflow:hidden}
.tda-faq__a p{margin:0}
.tda-faq{interpolate-size:allow-keywords}
.tda-faq__item::details-content{block-size:0;overflow:hidden;opacity:0;transition:block-size .3s cubic-bezier(.2,.7,.2,1),opacity .25s ease,content-visibility .3s allow-discrete}
.tda-faq__item[open]::details-content{block-size:auto;opacity:1}
.tda-faq__a p + p{margin-top:12px}
.tda-faq__a a{color:var(--faq-red);text-decoration:underline;text-underline-offset:3px}
.tda-faq__q{color:var(--faq-ink)}
.tda-faq__ic{color:var(--faq-ink)}

/* button (same shape as the site's outline buttons: 8px radius, 13/24 padding) */
.tda-faq__btn{display:inline-flex;align-items:center;gap:10px;padding:13px 24px;border:1px solid currentColor;border-radius:8px;
  font:600 15px/1.4 'Inter',sans-serif;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.tda-faq__btn svg{transition:transform .2s ease}
.tda-faq__btn:hover svg{transform:translateX(3px)}
.tda-faq__btn:focus-visible{outline:2px solid var(--faq-red);outline-offset:3px}
.tda-faq__btn--solid{background:var(--faq-red);border-color:var(--faq-red);color:#fff}
.tda-faq__btn--solid:hover{background:#A8161F;border-color:#A8161F;color:#fff}

/* ---------- home: dark band after the CTA ---------- */
.tda-faq--home{--faq-ink:#F5F3F1;--faq-text:#AEB3BB;--faq-line:rgba(255,255,255,.1);--faq-ic:transparent;--faq-ic-line:rgba(255,255,255,.22);
  background:#070809;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:128px clamp(20px,5.2vw,75px)}
.tda-faq--home .tda-faq__wrap{max-width:1290px;margin:0 auto;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:96px;align-items:start}
.tda-faq--home .tda-faq__intro{position:sticky;top:120px}
.tda-faq--home .tda-faq__title{font:800 52px/1.06 'Plus Jakarta Sans',sans-serif;letter-spacing:-.04em;color:#F5F3F1}
.tda-faq--home .tda-faq__title::before{content:"";display:block;width:28px;height:2px;margin-bottom:28px;background:var(--faq-red)}
.tda-faq--home .tda-faq__lead{margin:24px 0 36px;font-size:17px;line-height:1.7;color:#AEB3BB}
.tda-faq--home .tda-faq__btn{color:#E8E6E4;border-color:rgba(255,255,255,.22)}
.tda-faq--home .tda-faq__btn:hover{background:var(--faq-red);border-color:var(--faq-red);color:#fff}
.tda-faq--home .tda-faq__q:hover{color:#fff}
.tda-faq--home .tda-faq__q:hover .tda-faq__ic{border-color:var(--faq-red)}

/* ---------- FAQ page: grouped by topic ---------- */
.tda-faq--page{width:100%}
.tda-faq__group{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);column-gap:72px;padding:48px 0;border-top:1px solid var(--faq-line);scroll-margin-top:110px}
.tda-faq__group:first-child{border-top:0;padding-top:8px}
.tda-faq__ghead{position:sticky;top:110px;align-self:start}
.tda-faq__num{display:block;margin-bottom:10px;font:800 13px/1 'Plus Jakarta Sans',sans-serif;letter-spacing:.12em;color:var(--faq-red)}
.tda-faq__num::after{content:"";display:block;width:28px;height:2px;margin-top:10px;background:var(--faq-red)}
.tda-faq__gtitle{font:700 22px/1.3 'Plus Jakarta Sans',sans-serif;letter-spacing:-.01em;color:var(--faq-ink)}
.tda-faq__count{display:block;margin-top:8px;font-size:13.5px;color:var(--faq-text)}
.tda-faq--page .tda-faq__list{border-top:0}
.tda-faq--page .tda-faq__item:first-child .tda-faq__q{padding-top:0}
.tda-faq--page .tda-faq__q{font-size:18px}
.tda-faq__item{scroll-margin-top:120px}
.tda-faq__item:target > .tda-faq__q{color:var(--faq-red)}
.tda-faq__help{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:24px;padding:36px 40px;
  border:1px solid var(--faq-line);border-radius:14px;background:#F7F8FA}
.tda-faq__help-title{font:700 22px/1.3 'Plus Jakarta Sans',sans-serif;color:var(--faq-ink)}
.tda-faq__help p{margin:6px 0 0;color:var(--faq-text);font-size:16px;line-height:1.6}
.tda-faq__help .tda-faq__btn{flex:0 0 auto}

/* FAQ page only (scoped to .tda-faq--page: on the homepage the widget is a child of the page root container and an
   unscoped :has() turned that root into this grid). The widget sits in the legal-page sheet (hero + intro copied from Privacy); let that column run full width
   and lay the intro out like the legal pages (lead in the right column). */
.e-con:has(> .elementor-widget-tda-faq .tda-faq--page){display:grid!important;grid-template-columns:300px minmax(0,1fr);column-gap:72px!important;row-gap:0!important;width:100%!important;max-width:none!important;align-items:start}
.e-con:has(> .elementor-widget-tda-faq .tda-faq--page) > p{grid-column:2;max-width:none!important;width:100%;margin:0!important;font-size:18px!important;line-height:1.75!important;color:#2E3238!important}
.e-con:has(> .elementor-widget-tda-faq .tda-faq--page) > .elementor-widget-tda-faq{grid-column:1/-1;margin-top:56px;width:100%}
@media (max-width:1024px){.e-con:has(> .elementor-widget-tda-faq .tda-faq--page){grid-template-columns:240px minmax(0,1fr);column-gap:48px!important}}
@media (max-width:767px){.e-con:has(> .elementor-widget-tda-faq .tda-faq--page){display:block!important}
  .e-con:has(> .elementor-widget-tda-faq .tda-faq--page) > p{font-size:17px!important}
  .e-con:has(> .elementor-widget-tda-faq .tda-faq--page) > .elementor-widget-tda-faq{margin-top:32px}}

@media (max-width:1100px){
  .tda-faq--home .tda-faq__wrap{column-gap:56px}
  .tda-faq--home .tda-faq__title{font-size:44px}
}
@media (max-width:1024px){
  .tda-faq__group{grid-template-columns:minmax(0,240px) minmax(0,1fr);column-gap:48px}
}
@media (max-width:900px){
  .tda-faq--home{padding-top:96px;padding-bottom:96px}
  .tda-faq--home .tda-faq__wrap{grid-template-columns:1fr;row-gap:40px}
  .tda-faq--home .tda-faq__intro{position:static}
  .tda-faq--home .tda-faq__lead{margin-bottom:28px}
}
@media (max-width:767px){
  .tda-faq__group{grid-template-columns:1fr;row-gap:20px;padding:36px 0}
  .tda-faq__ghead{position:static}
  .tda-faq__help{flex-direction:column;align-items:flex-start;padding:28px 24px}
}
@media (max-width:600px){
  .tda-faq--home{padding-top:72px;padding-bottom:72px}
  .tda-faq--home .tda-faq__title{font-size:34px}
  .tda-faq--home .tda-faq__title::before{margin-bottom:20px}
  .tda-faq__q,.tda-faq--page .tda-faq__q{gap:16px;padding:20px 0;font-size:16.5px}
  .tda-faq__ic{flex-basis:32px;width:32px;height:32px}
  .tda-faq__a{font-size:15.5px}
}
@media (prefers-reduced-motion:reduce){
  .tda-faq__item::details-content{transition:none}
  .tda-faq__q,.tda-faq__ic,.tda-faq__ic::before,.tda-faq__ic::after,.tda-faq__btn,.tda-faq__btn svg{transition:none}
}