/* ctxtax — an annual report. A cover with one big figure, then numbered pages with running heads, a contents
   rail, statements in three-line tables and footnotes. Day is printed paper and navy; night is a trading terminal. */
html[data-theme="light"] .mk.p-cx{--bg:#ecebe6;--bg2:#e3e1da;--fg:#0f1b2d;--fg2:#48525f;--fg3:#6f7782;--line:#d8d6cf;--acc:#0f3d6e;--acc2:#8a96a6;--up:#0f7a55;--dn:#c0302d;
  --sheet:#fbfaf7;--tape:#0f1b2d;--tapefg:#f7f6f2;--term:#0f1b2d;--termfg:#e8e6df;--rule:#0f1b2d;--shadow:0 1px 2px rgba(15,27,45,.06),0 18px 40px -24px rgba(15,27,45,.35);color-scheme:light}
html[data-theme="dark"] .mk.p-cx{--bg:#07090c;--bg2:#0d1116;--fg:#e8e6df;--fg2:#a9aeb5;--fg3:#7f8791;--line:#1d232b;--acc:#f2b134;--acc2:#5d6670;--up:#2fd08a;--dn:#ff5c58;
  --sheet:#0b0f14;--tape:#11161c;--tapefg:#f2b134;--term:#05070a;--termfg:#e8e6df;--rule:#3a424d;--shadow:0 0 0 1px #1d232b;color-scheme:dark}
.p-cx{--serif:"Source Serif 4","Noto Serif SC",serif;--num:"Archivo",sans-serif}
.p-cx .pb{background:var(--acc);color:var(--bg);border:1px solid var(--acc)}
@media (hover:hover){.p-cx .pb:hover{background:var(--fg);border-color:var(--fg)}}
.p-cx .num{text-align:right;font-family:var(--num);font-variant-numeric:tabular-nums;font-stretch:88%}

/* ticker */
.cx-tape{background:var(--tape);color:var(--tapefg);overflow:hidden;font:500 13px/1 var(--f-mono);letter-spacing:.06em}
.cx-tape-in{display:flex;width:max-content;animation:cx-tape 48s linear infinite}
.cx-tape span{padding:13px 26px;white-space:nowrap;border-right:1px solid color-mix(in srgb,var(--tapefg) 18%,transparent)}
.cx-tape span:nth-child(3n+1)::before{content:"▲ ";color:var(--up)}
@keyframes cx-tape{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.cx-tape-in{animation:none}}

/* cover */
.cx-cover{padding:88px 0 96px;background:var(--sheet);border-bottom:1px solid var(--line)}
.cx-cover-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px 80px;align-items:end}
.cx-cover-l{display:flex;flex-direction:column;gap:28px}
.cx-kick{font:600 13px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--acc);padding-bottom:16px;border-bottom:3px solid var(--rule);align-self:flex-start}
.cx-h1{font:600 64px/1.12 var(--serif);letter-spacing:-.02em}
.cx-h1 .zh{font:600 58px/1.3 var(--serif);letter-spacing:.01em}
.cx-cover .lede{font-size:18px;line-height:1.75;max-width:36em}
.cx-cover-r{display:flex;flex-direction:column;gap:8px;padding:28px 0 0;border-top:4px solid var(--acc)}
.cx-cover-r>span{font:600 12.5px/1.4 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg3)}
.cx-cover-r b{font:700 150px/.9 var(--num);font-stretch:78%;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.cx-cover-r em{font:600 20px/1.3 var(--num);font-style:normal;color:var(--acc)}
.cx-cover-r small{font:500 12px/1 var(--f-mono);color:var(--fg3)}

/* document: contents rail + pages */
.p6 .doc{display:grid;grid-template-columns:200px minmax(0,860px);gap:56px;justify-content:center;padding-top:72px;padding-bottom:24px}
.doc-toc{position:sticky;top:96px;align-self:start;display:flex;flex-direction:column}
.doc-toc-h{font:600 12px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg3);padding-bottom:12px;border-bottom:2px solid var(--rule);margin-bottom:6px}
.doc-toc a{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:baseline;padding:9px 0;border-bottom:1px dotted var(--line);text-decoration:none;color:var(--fg3);font:500 14.5px/1.35 var(--f-ui);transition:color .2s}
.doc-toc a i{font:500 12.5px/1 var(--f-mono);font-style:normal}
.doc-toc a.past{color:var(--fg2)}
.doc-toc a.on{color:var(--fg)}.doc-toc a.on i{color:var(--acc)}
.doc-main{display:flex;flex-direction:column;gap:32px;min-width:0}
.pg{background:var(--sheet);box-shadow:var(--shadow);padding:30px 56px 40px;scroll-margin-top:88px}
.pg-run{display:flex;justify-content:space-between;font:500 11.5px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg3);padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:34px}
.pg-run span:last-child{color:var(--acc);font-weight:600}
.pg-h{font:600 40px/1.15 var(--serif);letter-spacing:-.01em;margin-bottom:24px!important}
.pg-h .zh{font-size:36px;letter-spacing:.04em}
.pg-p{font:400 18px/1.85 var(--serif);color:var(--fg);margin:0 0 20px!important;max-width:64ch}
.pg-p .zh{font-size:17px;line-height:2}
.pg-p sup,.pg-fn+*{font:600 11px/1 var(--f-mono);color:var(--acc)}
.pg-p.drop>span{display:block}
.pg-p.drop .en::first-letter,.pg-p.drop .zh::first-letter{float:left;font:700 64px/.85 var(--num);font-stretch:80%;color:var(--acc);margin:6px 10px 0 0}
.pg-p.drop .zh::first-letter{font:600 52px/1 var(--serif)}
.p6 .pg-fn{list-style:decimal;padding-left:20px;margin-top:28px;padding-top:14px;border-top:1px solid var(--line);position:relative;display:flex;flex-direction:column;gap:6px}
.pg-fn::before{content:"";position:absolute;left:0;top:-1px;width:80px;height:2px;background:var(--rule)}
.pg-fn li{font:400 13.5px/1.6 var(--f-ui);color:var(--fg3)}
.pg-fn li::marker{font:600 12px var(--f-mono);color:var(--acc)}
.pg-todo{margin:8px 0 24px;padding:16px 18px;background:var(--bg2);border-left:3px solid var(--acc)}
.pg-todo span{display:block;font:600 11.5px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg3);margin-bottom:8px}
.pg-todo p{font:italic 400 16px/1.65 var(--serif);color:var(--fg3)}
.pg-sign{font:italic 600 24px/1.2 var(--serif);margin-top:8px!important}
.pg-sign span{display:block;font:500 13px/1.6 var(--f-ui);font-style:normal;color:var(--fg3);margin-top:4px}

/* key figures */
.kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:3px solid var(--rule);border-bottom:1px solid var(--line)}
.kpi>div{padding:22px 18px 24px 0;display:flex;flex-direction:column;gap:8px}
.kpi>div+div{padding-left:18px;border-left:1px solid var(--line)}
.kpi b{font:700 44px/1 var(--num);font-stretch:80%;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.kpi span{font-size:13.5px;line-height:1.5;color:var(--fg2)}
.comp{margin-top:28px;padding:22px 24px;border:1px solid var(--line)}
.comp-h{display:flex;justify-content:space-between;gap:10px;font:600 12px/1.4 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg3)}
.cx-stack{display:flex;gap:3px;height:18px;margin:16px 0 10px}
.cx-stack i:first-child,.comp .s1{background:var(--acc)}.cx-stack i:last-child,.comp .s2{background:var(--acc2)}
.comp dl>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed var(--line);font:500 14.5px/1.3 var(--f-mono)}
.comp dt{display:flex;align-items:center;gap:10px}.comp dt i{width:10px;height:10px;display:block}
.comp dd{font-family:var(--num);font-weight:600;font-variant-numeric:tabular-nums}
.comp .tot{border-bottom:3px double var(--rule)!important;font-weight:700}

/* method */
.steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;margin:6px 0 24px}
.steps li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:12px 0;border-top:1px solid var(--line);font-size:15.5px;line-height:1.65;color:var(--fg2)}
.steps b{font:600 13px/1.6 var(--f-mono);color:var(--acc)}
.formula{font:500 19px/1.5 var(--f-mono);padding:18px 22px;background:var(--bg2);margin:0 0 22px!important;overflow-x:auto;white-space:nowrap}
.formula b{color:var(--acc);font-weight:600}

/* statements */
.cx-tabs{display:inline-flex;border:1px solid var(--line);margin-bottom:18px}
.cx-tabs button{border:0;background:transparent;color:var(--fg2);font:600 14px/1 var(--f-ui);padding:0 18px;min-height:42px;cursor:pointer}
.cx-tabs button[aria-pressed="true"]{background:var(--acc);color:var(--bg)}
.cx-tbl{width:100%;border-collapse:collapse;min-width:560px}
.cx-tbl caption{caption-side:top;text-align:left;font:italic 400 15px/1.5 var(--serif);color:var(--fg2);padding-bottom:10px}
.cx-tbl thead th{font:600 11.5px/1.2 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg3);text-align:left;padding:0 0 10px;border-bottom:2px solid var(--rule);border-top:2px solid var(--rule);padding-top:10px}
.cx-tbl thead th.num{text-align:right;padding-right:24px}
.cx-tbl td,.cx-tbl tbody th,.cx-tbl tfoot th{padding:12px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.cx-tbl .num{padding-right:24px;font-size:17px;width:110px}
.cx-tbl tbody th{font:500 14.5px/1.35 var(--f-mono)}
.cx-tbl tr.srv th{font-weight:600;font-size:15.5px}
.cx-tbl tr.srv th small{display:block;font:400 12.5px/1.4 var(--f-ui);color:var(--fg3);margin-top:3px}
.cx-tbl tr.tool th{padding-left:22px;color:var(--fg2)}
.cx-tbl tr.more th{font-family:var(--f-ui);color:var(--fg3);font-size:13.5px}
.cx-tbl td:last-child{width:44%}
.cx-bar{display:block;height:9px;background:color-mix(in srgb,var(--fg) 6%,transparent)}
.cx-bar i{display:block;height:100%;background:var(--acc)}
.cx-tbl tr.tool .cx-bar i{background:var(--acc2)}
.cx-tbl tfoot th,.cx-tbl tfoot td{border-top:3px double var(--rule);border-bottom:2px solid var(--rule);font-weight:700;padding-top:14px}
.cx-tbl tfoot td:last-child{font:600 14px/1 var(--f-mono);color:var(--acc)}
.cx-term{margin:0;background:var(--term);color:var(--termfg);padding:22px 24px;font:400 13.5px/1.75 var(--f-mono);overflow-x:auto;white-space:pre}
.cx-term .p{color:#f2b134}
.cx-term.help{margin-top:22px}

/* management discussion */
.lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.lines article{border-top:2px solid var(--rule);padding-top:14px;display:flex;flex-direction:column;gap:10px}
.lines h3 code{font:600 18px/1 var(--f-mono);color:var(--acc)}
.lines p{font-size:15.5px;line-height:1.7;color:var(--fg2)}
.lines sup{font:600 11px/1 var(--f-mono);color:var(--acc)}
.out{margin:0;background:var(--bg2);padding:14px 16px;font:400 12.5px/1.7 var(--f-mono);overflow-x:auto;white-space:pre}
.defer{display:flex;flex-direction:column;gap:8px}
.defer>div{display:grid;grid-template-columns:110px 48px minmax(0,1fr);gap:10px;align-items:center;font:500 12.5px/1.2 var(--f-mono)}
.defer b{font-family:var(--num);text-align:right;font-variant-numeric:tabular-nums}
.defer i{display:block;height:11px;background:var(--acc2)}.defer>div:nth-child(2) i{background:var(--acc)}

/* risk control */
.ctl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.p6 .pr{border:1px solid var(--line);padding:18px 20px 16px;margin:0}
.pr-h{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--fg3);padding-bottom:12px;border-bottom:1px solid var(--line)}
.pr-h b{color:var(--fg)}.pr-h .dot{width:20px;height:20px;border-radius:50%;background:var(--acc)}
.var{width:100%;border-collapse:collapse;margin-top:6px}
.var th,.var td{padding:10px 0;border-bottom:1px solid var(--line);text-align:left;font-size:14.5px}
.var th{font-weight:500;color:var(--fg2)}.var td{font-size:18px;font-weight:600}
.var tr.chg th,.var tr.chg td{border-top:2px solid var(--rule)}
.var .up{color:var(--dn)}
.pass{display:flex;align-items:center;gap:10px;margin-top:14px!important;font-weight:600;color:var(--up)}
.pass .ck{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--up);color:var(--bg);font-size:13px}
.yaml{margin:0;background:var(--term);color:var(--termfg);padding:18px 20px;font:400 13px/1.75 var(--f-mono);overflow-x:auto;white-space:pre}
.yaml .c{color:#8b939d}

/* risks + profile */
.risk{display:flex;flex-direction:column;border-top:2px solid var(--rule)}
.risk li{padding:14px 0 14px 26px;border-bottom:1px solid var(--line);position:relative;font:400 16.5px/1.7 var(--serif);color:var(--fg2)}
.risk li::before{content:"▼";position:absolute;left:0;top:16px;font-size:11px;color:var(--dn)}
.facts{width:100%;border-collapse:collapse;border-top:2px solid var(--rule);min-width:420px}
.facts th,.facts td{text-align:left;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}
.facts th{width:28%;font:600 12px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg3)}
.facts td{font-family:var(--f-mono);font-size:14px}
.facts a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--acc)}
.p-cx .next b{font:700 40px/1.1 var(--f-mono)}

@media (max-width:899px){
  .cx-cover{padding:40px 0 56px}
  .cx-cover-in{grid-template-columns:minmax(0,1fr);gap:40px}
  .cx-h1{font-size:38px}.cx-h1 .zh{font-size:30px}
  .cx-cover-r b{font-size:96px}
  .p6 .doc{grid-template-columns:minmax(0,1fr);gap:0;padding-top:32px}
  .doc-toc{display:none}
  .doc-main{gap:20px}
  .pg{padding:22px 18px 28px}
  .pg-h{font-size:30px}.pg-h .zh{font-size:28px}
  .pg-p{font-size:16.5px}.pg-p .zh{font-size:16px}
  .kpi{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kpi>div,.kpi>div+div{padding:18px 12px 18px 0;border-left:0}
  .kpi>div:nth-child(even){padding-left:12px;border-left:1px solid var(--line)}
  .kpi>div:nth-child(n+3){border-top:1px solid var(--line)}
  .kpi b{font-size:34px}
  .steps,.lines,.ctl{grid-template-columns:minmax(0,1fr)}
  .formula{font-size:14px;padding:14px}
  .defer>div{grid-template-columns:96px 44px minmax(0,1fr)}
}
