/* ---------- /transparency/ (templates/transparency.php, sections/transparency-*.php) ----------
   Wave 3 page block. Scoped to body.dgn-page[data-page="transparency"] like the wave-2 blocks (KIT 9):
   .dgn-page is only printed by rebuilt templates, and the live page prints data-page="", so the old
   Transparency Centre body under the new chrome is never touched. To be appended to next/site.css
   (after section 27) by the integrator; this file is not loaded on its own. */

/* ---- hero: the owner-reported cloud connection snapshot in the proof-card frame ---- */
body.dgn-page[data-page="transparency"] .dgn-tp-chip{display:inline-block;flex:none;padding:2px 7px;border:1px solid var(--dgn-line2);border-radius:5px;font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:10px;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;color:#a4a4ae;white-space:nowrap}
body.dgn-page[data-page="transparency"] .dgn-tp-snap__h{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 18px;margin:18px 0 0;font-family:var(--dgn-fd);font-weight:800;line-height:1}
body.dgn-page[data-page="transparency"] .dgn-tp-snap__h .dgn-figure--hero{margin:0;color:#fff}
body.dgn-page[data-page="transparency"] .dgn-tp-snap__k{font-family:var(--dgn-fd);font-stretch:88%;font-weight:800;font-size:clamp(22px,2.1vw,30px);line-height:1.1;letter-spacing:-.01em;color:var(--dgn-text)}
body.dgn-page[data-page="transparency"] .dgn-tp-snap__txt{margin:16px 0 14px;max-width:540px;font-size:14.5px;line-height:1.65;color:#c6c6ce;text-wrap:pretty}
body.dgn-page[data-page="transparency"] .dgn-tp-snap .dgn-proofcard__sub{font-size:12.5px;color:var(--dgn-dim)}

/* ---- independent sources: a one-column ledger (gain | drawdown | account | what you can inspect) ---- */
body.dgn-page[data-page="transparency"] .dgn-tp-ledger{grid-template-columns:minmax(0,1fr)}
body.dgn-page[data-page="transparency"] .dgn-tp-ledger .dgn-acct:not(.dgn-acct--profile){grid-template-columns:150px 104px minmax(0,1fr);grid-template-areas:"g d id" "g d x";row-gap:8px}
body.dgn-page[data-page="transparency"] .dgn-tp-src__d{grid-area:x;display:block;min-width:0;font-size:13.5px;line-height:1.55;color:var(--dgn-muted);text-wrap:pretty}
body.dgn-page[data-page="transparency"] .dgn-tp-src__d .dgn-acct__go{margin-top:5px}
/* FXMerge row: the profile-row frame with the platform as a tag and a short description on the right */
body.dgn-page[data-page="transparency"] .dgn-tp-fx{grid-template-columns:auto auto minmax(0,1fr);column-gap:20px}
body.dgn-page[data-page="transparency"] .dgn-tp-fx .dgn-tp-fx__k{font-size:10.5px}
body.dgn-page[data-page="transparency"] .dgn-tp-fx__d{justify-self:end;min-width:0;font-size:13.5px;line-height:1.5;color:var(--dgn-muted);text-align:right}

/* ---- real execution: the argument left, the three standards as pillars right ---- */
body.dgn-page[data-page="transparency"] .dgn-tp-real .dgn-split{align-items:center}
body.dgn-page[data-page="transparency"] .dgn-tp-real__p{margin-top:16px;max-width:560px;font-size:15px;line-height:1.7;color:var(--dgn-muted);text-wrap:pretty}
body.dgn-page[data-page="transparency"] .dgn-tp-pillars{margin-top:0;gap:30px}
body.dgn-page[data-page="transparency"] .dgn-tp-pillars h3{font-stretch:90%;font-size:clamp(20px,1.8vw,24px)}
body.dgn-page[data-page="transparency"] .dgn-tp-pillars p{font-size:15px}

/* ---- reporting standard (check list) and the figures table ---- */
body.dgn-page[data-page="transparency"] .dgn-tp-std{align-items:end}
body.dgn-page[data-page="transparency"] .dgn-tp-std__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--dgn-line2)}
body.dgn-page[data-page="transparency"] .dgn-tp-std__list li{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--dgn-line);font-size:15.5px;line-height:1.45;color:#e4e4e8}
body.dgn-page[data-page="transparency"] .dgn-tp-std__list svg{flex:none;color:var(--dgn-prop)}
body.dgn-page[data-page="transparency"] .dgn-tp-fig__head{margin:72px 0 22px}
body.dgn-page[data-page="transparency"] .dgn-tp-fig__head .dgn-eyebrow{margin-bottom:14px}
body.dgn-page[data-page="transparency"] .dgn-tp-fig__head p:not(.dgn-eyebrow){margin-top:8px;max-width:640px;font-size:15px;line-height:1.6;color:var(--dgn-muted)}
body.dgn-page[data-page="transparency"] .dgn-tp-t__hint{display:none;margin:0 0 10px;font-size:12.5px;color:var(--dgn-dim)}
body.dgn-page[data-page="transparency"] .dgn-tp-twrap:focus-visible{outline:2px solid var(--dgn-gold);outline-offset:4px}
body.dgn-page[data-page="transparency"] .dgn-tp-twrap>.dgn-tp-t{min-width:880px}
body.dgn-page[data-page="transparency"] .dgn-tp-t :is(th,td){vertical-align:middle}
body.dgn-page[data-page="transparency"] .dgn-tp-t thead th.dgn-num{text-align:right}
body.dgn-page[data-page="transparency"] .dgn-tp-t :is(thead th:first-child,tbody th[scope="row"]){position:sticky;left:0;z-index:1;background:var(--dgn-bg)}
body.dgn-page[data-page="transparency"] .dgn-tp-t tbody th[scope="row"]{width:32%;min-width:240px;font-weight:400}
body.dgn-page[data-page="transparency"] .dgn-tp-t .dgn-tag{display:block;width:max-content;font-size:10.5px}
body.dgn-page[data-page="transparency"] .dgn-tp-t__n{display:block;margin-top:6px;font-family:var(--dgn-fd);font-stretch:90%;font-weight:800;font-size:17px;line-height:1.2;color:#fff}
body.dgn-page[data-page="transparency"] .dgn-tp-t__m{display:block;margin-top:3px;font-size:12.5px;line-height:1.4;color:var(--dgn-dim)}
body.dgn-page[data-page="transparency"] .dgn-tp-t td{font-size:15px;color:#e4e4e8}
body.dgn-page[data-page="transparency"] .dgn-tp-t td.dgn-tp-t__g{font-family:var(--dgn-fd);font-stretch:74%;font-weight:850;font-size:26px;line-height:1;letter-spacing:-.01em;color:var(--c,#fff)}
body.dgn-page[data-page="transparency"] .dgn-tp-t td.dgn-tp-t__dd{font-weight:600;color:#f0f0f3}
body.dgn-page[data-page="transparency"] .dgn-tp-t td.is-empty{color:#5d5d66}
body.dgn-page[data-page="transparency"] .dgn-tp-t__src{text-align:right;white-space:nowrap}
body.dgn-page[data-page="transparency"] .dgn-tp-t .dgn-tp-t__grp th{padding:26px 0 10px;border-bottom-color:var(--dgn-line2);font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:11px;line-height:1.3;letter-spacing:.18em;text-transform:uppercase;color:var(--dgn-gold)}
body.dgn-page[data-page="transparency"] .dgn-tp-t tbody:first-of-type .dgn-tp-t__grp th{padding-top:16px}
body.dgn-page[data-page="transparency"] .dgn-tp-t .dgn-tp-t__grp th span{position:sticky;left:0;display:inline-block}
body.dgn-page[data-page="transparency"] .dgn-tp-t__note{max-width:880px;margin-top:16px}

/* ---- platform: the investment figure, then four hairline columns with outlined numbers ---- */
body.dgn-page[data-page="transparency"] .dgn-tp-inv{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px}
body.dgn-page[data-page="transparency"] .dgn-tp-inv b{font-family:var(--dgn-fd);font-stretch:74%;font-weight:850;font-size:clamp(44px,4.2vw,60px);line-height:1;letter-spacing:-.01em;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}
body.dgn-page[data-page="transparency"] .dgn-tp-inv span{font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:11px;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:var(--dgn-dim)}
body.dgn-page[data-page="transparency"] .dgn-tp-plat .dgn-proof__head .dgn-lead{margin-top:14px}
body.dgn-page[data-page="transparency"] .dgn-tp-plat .dgn-proof__head{align-items:start;margin-bottom:36px}
body.dgn-page[data-page="transparency"] .dgn-tp-idx{font-family:var(--dgn-fd);font-stretch:74%;font-weight:850;font-size:36px;line-height:1;color:var(--dgn-gold)}
@supports (-webkit-text-stroke:1px #000){
  body.dgn-page[data-page="transparency"] .dgn-tp-idx{color:transparent;-webkit-text-stroke:1px rgba(251,191,36,.7)}
}
body.dgn-page[data-page="transparency"] .dgn-tp-cols .dgn-h3{margin-top:8px;font-size:clamp(19px,1.6vw,22px)}

/* ---- dated change record: date left, title and text right ---- */
body.dgn-page[data-page="transparency"] .dgn-tp-log{list-style:none;margin:0;padding:0;border-top:1px solid var(--dgn-line2)}
body.dgn-page[data-page="transparency"] .dgn-tp-log li{display:grid;grid-template-columns:150px minmax(0,1fr);grid-template-areas:"t h" "t p";column-gap:28px;row-gap:6px;padding:20px 0;border-bottom:1px solid var(--dgn-line)}
body.dgn-page[data-page="transparency"] .dgn-tp-log time{grid-area:t;padding-top:4px;font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:11px;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:var(--dgn-gold);white-space:nowrap}
body.dgn-page[data-page="transparency"] .dgn-tp-log h3{grid-area:h;font-family:var(--dgn-fd);font-stretch:90%;font-weight:800;font-size:19px;line-height:1.25;color:var(--dgn-text)}
body.dgn-page[data-page="transparency"] .dgn-tp-log p{grid-area:p;font-size:14.5px;line-height:1.65;color:var(--dgn-muted);text-wrap:pretty}

/* ---- wide ---- */
@media (min-width:1141px) and (max-width:1599px){
  body.dgn-page[data-page="transparency"] .dgn-tp-src .dgn-proof__head{grid-template-columns:minmax(0,1fr) minmax(0,500px)}
}
@media (min-width:1141px){
  body.dgn-page[data-page="transparency"] .dgn-tp-ledger .dgn-acct:not(.dgn-acct--profile){grid-template-columns:minmax(150px,.85fr) minmax(104px,.65fr) minmax(0,1.35fr) minmax(0,1.75fr);grid-template-areas:"g d id x";column-gap:28px}
}
@media (min-width:1600px){
  body.dgn-page[data-page="transparency"] .dgn-tp-pillars{gap:36px}
  body.dgn-page[data-page="transparency"] .dgn-tp-std__list li{font-size:16.5px;padding:16px 0}
  body.dgn-page[data-page="transparency"] .dgn-tp-log li{grid-template-columns:180px minmax(0,1fr);column-gap:36px}
}

/* ---- narrow ---- */
@media (max-width:1140px){
  body.dgn-page[data-page="transparency"] .dgn-tp-std{align-items:start}
  body.dgn-page[data-page="transparency"] .dgn-tp-fig__head{margin-top:56px}
}
@media (min-width:721px) and (max-width:940px){
  body.dgn-page[data-page="transparency"] .dgn-tp-t__hint{display:block}
}
@media (max-width:720px){
  body.dgn-page[data-page="transparency"] .dgn-tp-snap__h{margin-top:14px;gap:0 14px}
  body.dgn-page[data-page="transparency"] .dgn-tp-snap__txt{font-size:14px}
  body.dgn-page[data-page="transparency"] .dgn-tp-ledger .dgn-acct:not(.dgn-acct--profile){grid-template-columns:auto minmax(0,1fr);grid-template-areas:"g d" "id id" "x x";row-gap:6px}
  body.dgn-page[data-page="transparency"] .dgn-tp-src__d{font-size:13px}
  body.dgn-page[data-page="transparency"] .dgn-tp-fx{grid-template-columns:minmax(0,1fr);grid-template-areas:"k" "t" "d";row-gap:6px}
  body.dgn-page[data-page="transparency"] .dgn-tp-fx .dgn-tp-fx__k{grid-area:k;justify-self:start}
  body.dgn-page[data-page="transparency"] .dgn-tp-fx .dgn-acct__t{grid-area:t}
  body.dgn-page[data-page="transparency"] .dgn-tp-fx__d{grid-area:d;justify-self:start;text-align:left;font-size:13px}
  body.dgn-page[data-page="transparency"] .dgn-tp-real__p{font-size:14.5px}
  body.dgn-page[data-page="transparency"] .dgn-tp-pillars{gap:22px}
  body.dgn-page[data-page="transparency"] .dgn-tp-std__list li{font-size:15px;padding:13px 0}
  body.dgn-page[data-page="transparency"] .dgn-tp-fig__head{margin-top:48px}
  /* phones: each record is a stacked row, like the results ledger: the account, then gain beside max drawdown,
     then deposit, withdrawn and balance, then the MyFXBook link. Nothing needs a sideways swipe (audit fix,
     24 Sep 2026; it was a 690px table with a pinned first column). The ARIA roles in transparency-figures.php
     keep the table semantics; the column heads stay for screen readers, and each cell shows its data-label. */
  body.dgn-page[data-page="transparency"] .dgn-tp-twrap{overflow:visible}
  body.dgn-page[data-page="transparency"] .dgn-tp-twrap>.dgn-tp-t{min-width:0}
  body.dgn-page[data-page="transparency"] .dgn-tp-t,
  body.dgn-page[data-page="transparency"] .dgn-tp-t :is(tbody,tr,th,td){display:block}
  body.dgn-page[data-page="transparency"] .dgn-tp-t thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}
  body.dgn-page[data-page="transparency"] .dgn-tp-t :is(th,td){padding:0;border:0;text-align:left;white-space:normal}
  body.dgn-page[data-page="transparency"] .dgn-tp-t tbody tr:not(.dgn-tp-t__grp){display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"a a a a a a" "g g g d d d" "p p w w b b" "s s s s s s";gap:16px 12px;padding:20px 0 18px;border-bottom:1px solid var(--dgn-line)}
  body.dgn-page[data-page="transparency"] .dgn-tp-t tbody th[scope="row"]{grid-area:a;position:static;width:auto;min-width:0;background:none}
  body.dgn-page[data-page="transparency"] .dgn-tp-t tbody td:nth-child(2){grid-area:g}
  body.dgn-page[data-page="transparency"] .dgn-tp-t tbody td:nth-child(3){grid-area:d}
  body.dgn-page[data-page="transparency"] .dgn-tp-t tbody td:nth-child(4){grid-area:p}
  body.dgn-page[data-page="transparency"] .dgn-tp-t tbody td:nth-child(5){grid-area:w}
  body.dgn-page[data-page="transparency"] .dgn-tp-t tbody td:nth-child(6){grid-area:b}
  body.dgn-page[data-page="transparency"] .dgn-tp-t tbody td:nth-child(7){grid-area:s}
  body.dgn-page[data-page="transparency"] .dgn-tp-t td.dgn-num{white-space:nowrap}
  body.dgn-page[data-page="transparency"] .dgn-tp-t td[data-label]::before{content:attr(data-label);content:attr(data-label) / "";display:block;margin-bottom:6px;font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:10.5px;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;color:var(--dgn-dim);white-space:nowrap}
  body.dgn-page[data-page="transparency"] .dgn-tp-t td.dgn-tp-t__g{font-size:28px}
  body.dgn-page[data-page="transparency"] .dgn-tp-t td.dgn-tp-t__dd{font-size:17px;line-height:28px}
  body.dgn-page[data-page="transparency"] .dgn-tp-t .dgn-tp-t__grp th{padding:26px 0 10px;border-bottom:1px solid var(--dgn-line2)}
  body.dgn-page[data-page="transparency"] .dgn-tp-t tbody:first-of-type .dgn-tp-t__grp th{padding-top:16px}
  body.dgn-page[data-page="transparency"] .dgn-tp-t .dgn-tp-t__grp th span{position:static}
  body.dgn-page[data-page="transparency"] .dgn-tp-inv b{font-size:44px}
  body.dgn-page[data-page="transparency"] .dgn-tp-log li{grid-template-columns:minmax(0,1fr);grid-template-areas:"t" "h" "p";row-gap:6px;padding:18px 0}
  body.dgn-page[data-page="transparency"] .dgn-tp-log h3{font-size:18px}
}
@media (max-width:440px){
  body.dgn-page[data-page="transparency"] .dgn-tp-snap .dgn-proofcard__head{flex-wrap:wrap;row-gap:8px}
}
@media (max-width:380px){
  body.dgn-page[data-page="transparency"] .dgn-tp-t tbody tr:not(.dgn-tp-t__grp){column-gap:10px}
  body.dgn-page[data-page="transparency"] .dgn-tp-t td{font-size:14px}
  body.dgn-page[data-page="transparency"] .dgn-tp-t td.dgn-tp-t__g{font-size:26px}
  body.dgn-page[data-page="transparency"] .dgn-tp-t td.dgn-tp-t__dd{font-size:16px;line-height:26px}
}

/* 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="transparency"] .dgn-cta-row .dgn-btn{min-width:-webkit-max-content;min-width:max-content}
}