/*! DowGold next: /faq/ page block (templates/faq.php, sections/faq-*.php).
 * Every rule is scoped to body.dgn-page[data-page="faq"] (KIT 9): until "faq" is in dgn_live_routes
 * the old FAQ body is printed under the new chrome with the same data-page, and .dgn-page is only
 * printed by the rebuilt template. Kit tokens and classes only; no new colours. Loaded after
 * site.css by templates/faq.php; it can be appended to site.css as a page block unchanged.
 */

/* ---- split hero: text left, topic index right ---- */
body.dgn-page[data-page="faq"] .dgn-faq-head .dgn-hero__bg{-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 55%,transparent 100%)}
body.dgn-page[data-page="faq"] .dgn-faq-head .dgn-hero__grid{padding-bottom:8px}
body.dgn-page[data-page="faq"] .dgn-faq-topics{position:relative;border:1px solid var(--dgn-line2);border-radius:22px;background:var(--dgn-card-hero);box-shadow:0 44px 110px -56px rgba(251,191,36,.26),inset 0 1px 0 rgba(255,255,255,.06);padding:24px 28px 22px}
body.dgn-page[data-page="faq"] .dgn-faq-topics__h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--dgn-line2);font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:11px;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;color:var(--dgn-dim)}
body.dgn-page[data-page="faq"] .dgn-faq-topics__h span:first-child{color:var(--dgn-gold)}
body.dgn-page[data-page="faq"] .dgn-faq-topics__list{list-style:none;margin:0;padding:0}
body.dgn-page[data-page="faq"] .dgn-faq-topics__list a{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;column-gap:14px;padding:16px 0;border-bottom:1px solid var(--dgn-line);color:var(--dgn-text);text-decoration:none;transition:color .2s}
body.dgn-page[data-page="faq"] .dgn-faq-topics__list a:is(:hover,:focus){color:var(--dgn-gold)}
body.dgn-page[data-page="faq"] .dgn-faq-topics__list a:focus-visible{outline:2px solid var(--dgn-gold);outline-offset:2px}
body.dgn-page[data-page="faq"] .dgn-faq-topics__list b{font-family:var(--dgn-fd);font-stretch:74%;font-weight:850;font-size:32px;line-height:1;letter-spacing:-.01em;color:var(--dgn-gold);font-variant-numeric:tabular-nums}
body.dgn-page[data-page="faq"] .dgn-faq-topics__t{min-width:0;font-family:var(--dgn-fd);font-stretch:90%;font-weight:800;font-size:21px;line-height:1.2}
body.dgn-page[data-page="faq"] .dgn-faq-topics__t small{display:block;margin-top:4px;font-family:var(--dgn-fb);font-stretch:100%;font-weight:500;font-size:12.5px;line-height:1.4;color:var(--dgn-muted)}
body.dgn-page[data-page="faq"] .dgn-faq-topics__list .dgn-arr{color:var(--dgn-dim);font-size:15px}
body.dgn-page[data-page="faq"] .dgn-faq-topics__list a:is(:hover,:focus-visible) .dgn-arr{color:var(--dgn-gold);transform:translateY(3px)}
body.dgn-page[data-page="faq"] .dgn-faq-topics__foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:16px;font-size:13.5px;line-height:1.5;color:var(--dgn-muted)}

/* ---- topic groups: FAQ splits, heading sticky on wide screens ---- */
body.dgn-page[data-page="faq"] .dgn-faq-group{padding:64px 0}
body.dgn-page[data-page="faq"] .dgn-faq-group+.dgn-faq-group{border-top:1px solid var(--dgn-line)}
body.dgn-page[data-page="faq"] .dgn-faq-group__head{align-self:stretch;min-width:0}
body.dgn-page[data-page="faq"] .dgn-faq-group .dgn-eyebrow{margin-bottom:18px}
body.dgn-page[data-page="faq"] .dgn-faq-group .dgn-lead{margin-top:20px;max-width:460px}

/* ---- answers: paragraphs, lists, links, the past-results note ---- */
body.dgn-page[data-page="faq"] .dgn-faq details>:not(summary){overflow-wrap:break-word}
body.dgn-page[data-page="faq"] .dgn-faq details :is(p,li)>a:not(.dgn-link){color:var(--dgn-gold);text-decoration:underline;text-decoration-color:rgba(251,191,36,.4);text-underline-offset:3px}
body.dgn-page[data-page="faq"] .dgn-faq details :is(p,li)>a:not(.dgn-link):is(:hover,:focus){color:var(--dgn-gold-hi);text-decoration-color:currentColor}
body.dgn-page[data-page="faq"] .dgn-faq details b{font-weight:600;color:#e8e8ec}
body.dgn-page[data-page="faq"] .dgn-faq-list{list-style:none;display:grid;gap:10px}
body.dgn-page[data-page="faq"] .dgn-faq-list li{position:relative;padding-left:22px}
body.dgn-page[data-page="faq"] .dgn-faq-list li::before{content:"";position:absolute;left:2px;top:.66em;width:6px;height:6px;background:var(--dgn-gold);transform:rotate(45deg)}
body.dgn-page[data-page="faq"] .dgn-faq details>.dgn-note{font-size:12.5px;line-height:1.5;color:var(--dgn-dim)}
body.dgn-page[data-page="faq"] .dgn-faq-more .dgn-link{white-space:normal}

/* ---- "Results and risk": the four public mode accounts, gain beside max drawdown ---- */
body.dgn-page[data-page="faq"] .dgn-faq-rec{margin-top:32px;max-width:500px}
body.dgn-page[data-page="faq"] .dgn-faq-rec__h,
body.dgn-page[data-page="faq"] .dgn-faq-rec__row{display:grid;grid-template-columns:minmax(0,1fr) 96px 66px;column-gap:14px;align-items:center}
body.dgn-page[data-page="faq"] .dgn-faq-rec__h{margin:0;padding-bottom:8px;border-bottom:1px solid var(--dgn-line2);font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:10.5px;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;color:var(--dgn-dim)}
body.dgn-page[data-page="faq"] .dgn-faq-rec__h span{min-width:0}
body.dgn-page[data-page="faq"] .dgn-faq-rec__h span+span{text-align:right;white-space:nowrap;letter-spacing:.12em}
body.dgn-page[data-page="faq"] .dgn-faq-rec__list{list-style:none;margin:0;padding:0}
body.dgn-page[data-page="faq"] .dgn-faq-rec__row{position:relative;min-height:54px;padding:10px 0;border-bottom:1px solid var(--dgn-line);color:var(--dgn-text);text-decoration:none;transition:background .25s}
body.dgn-page[data-page="faq"] .dgn-faq-rec__row:is(:hover,:focus){color:var(--dgn-text);background:linear-gradient(90deg,rgba(var(--c-rgb,251,191,36),.07),transparent 75%)}
body.dgn-page[data-page="faq"] .dgn-faq-rec__row:focus-visible{outline:2px solid var(--c,var(--dgn-gold));outline-offset:-2px}
body.dgn-page[data-page="faq"] .dgn-faq-rec__id{min-width:0}
body.dgn-page[data-page="faq"] .dgn-faq-rec__id .dgn-tag{font-size:10px}
body.dgn-page[data-page="faq"] .dgn-faq-rec__cap{display:block;margin-top:3px;font-size:12.5px;line-height:1.4;color:#b4b4bd}
body.dgn-page[data-page="faq"] .dgn-faq-rec__g{font-family:var(--dgn-fd);font-stretch:74%;font-weight:850;font-size:24px;line-height:1;letter-spacing:-.01em;color:var(--c,#fff);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
body.dgn-page[data-page="faq"] .dgn-faq-rec__d{font-size:14px;font-weight:600;line-height:1.2;color:#f0f0f3;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
body.dgn-page[data-page="faq"] .dgn-faq-rec .dgn-note{margin-top:14px}
body.dgn-page[data-page="faq"] .dgn-faq-rec .dgn-link{margin-top:14px}

/* ---- "Try before you buy" ---- */
body.dgn-page[data-page="faq"] .dgn-faq-try .dgn-proof__head{margin-bottom:0}
body.dgn-page[data-page="faq"] .dgn-faq-try .dgn-cta-row{margin-top:24px}

/* ---- widths ---- */
@media (min-width:1141px){
  body.dgn-page[data-page="faq"] .dgn-faq-group{padding:80px 0}
}
/* the topic heading stays in view beside a long accordion, only where the window is tall enough
   for the whole heading block (the Results one carries the account rows) */
@media (min-width:1141px) and (min-height:760px){
  body.dgn-page[data-page="faq"] .dgn-faq-group__in{position:sticky;top:108px}
  body.dgn-page[data-page="faq"].admin-bar .dgn-faq-group__in{top:140px}
}
@media (min-width:1600px){
  body.dgn-page[data-page="faq"] .dgn-faq-topics{padding:28px 34px 26px}
  body.dgn-page[data-page="faq"] .dgn-faq-topics__t{font-size:23px}
  body.dgn-page[data-page="faq"] .dgn-faq-topics__list a{padding:18px 0}
  body.dgn-page[data-page="faq"] .dgn-faq-rec{max-width:540px}
}
@media (max-width:1140px){
  body.dgn-page[data-page="faq"] .dgn-faq-group__head{align-self:auto}
  body.dgn-page[data-page="faq"] .dgn-faq-group .dgn-faq{max-width:780px}
  body.dgn-page[data-page="faq"] .dgn-faq-group .dgn-lead{max-width:560px}
  body.dgn-page[data-page="faq"] .dgn-faq-rec{max-width:560px}
}
@media (max-width:720px){
  body.dgn-page[data-page="faq"] .dgn-faq-topics{padding:18px 18px 16px;border-radius:18px}
  body.dgn-page[data-page="faq"] .dgn-faq-topics__list a{grid-template-columns:38px minmax(0,1fr) auto;column-gap:12px;padding:14px 0}
  body.dgn-page[data-page="faq"] .dgn-faq-topics__list b{font-size:26px}
  body.dgn-page[data-page="faq"] .dgn-faq-topics__t{font-size:18px}
  body.dgn-page[data-page="faq"] .dgn-faq-group{padding:56px 0}
  body.dgn-page[data-page="faq"] .dgn-faq-rec__h,
  body.dgn-page[data-page="faq"] .dgn-faq-rec__row{grid-template-columns:minmax(0,1fr) 84px 58px;column-gap:10px}
  body.dgn-page[data-page="faq"] .dgn-faq-rec__g{font-size:21px}
  body.dgn-page[data-page="faq"] .dgn-faq-rec__d{font-size:13px}
  body.dgn-page[data-page="faq"] .dgn-faq-try .dgn-cta-row .dgn-btn{width:100%}
}
@media (max-width:380px){
  body.dgn-page[data-page="faq"] .dgn-faq-topics__h{flex-wrap:wrap}
  body.dgn-page[data-page="faq"] .dgn-faq-rec__h,
  body.dgn-page[data-page="faq"] .dgn-faq-rec__row{grid-template-columns:minmax(0,1fr) 78px 54px;column-gap:8px}
}

/* phones: a button never shrinks below its label; when two do not fit side by side, each takes the full row
   (the kit gives them flex:1 1 220px, which clipped the longer labels at 500px; integration, 24 Sep 2026) */
@media (max-width:720px){
  body.dgn-page[data-page="faq"] .dgn-cta-row .dgn-btn{min-width:-webkit-max-content;min-width:max-content}
}