/* lp-trading-app: seitenspezifische Styles (aus Inline ausgelagert, 27.10.2026). Gemeinsames gehört in die assets/ad24-*.css. */
/* Rechner: Kennzahlen-Zeile + Hinweise unter den Reglern */
.cs .hint{display:block;line-height:1.45;color:var(--muted);margin-top:10px}
/* Panel „Stärken & Schwächen“: zwei getönte Panels wie Pro/Contra der Referenz (.vsgrid/.vcard), kompakter */

@media(max-width:760px){.ctgl-body .vsgrid{gap:10px}}
/* Forex-Kosten-Rechner: 2 Regler, Kacheln, Tabelle mit Balken */
.calc .csum{margin-top:6px;margin-bottom:14px}
.calc .csum>div{background:var(--bg-2)}
.cres .fxres td.num{width:46%}
.cln{display:flex;align-items:center;gap:14px}
.clv{min-width:132px;text-align:right}
@media(max-width:640px){
 .cres table.fxres th:nth-child(1),.cres table.fxres td:nth-child(1){display:none}
 .cres table.fxres th:nth-child(2),.cres table.fxres td:nth-child(2),.cres table.fxres th:nth-child(3),.cres table.fxres td:nth-child(3){display:table-cell}
 .cres table.fxres th:nth-child(2),.cres table.fxres td:nth-child(2){padding-left:14px}
 
 .cres .fxres td.num{width:auto}
 .clv small{white-space:normal}
 .cres .fxres td{padding-left:12px;padding-right:12px}
 .cres .fxres td:last-child{padding-left:0}
 .cres .fxres .crn small{font-size:var(--fs-sm)}
}
/* Spread-Zeilen (Zahl + Text) unter dem Rechner */

/* Trading-Matrix (7 Spalten, mobil als Zeilenkarten über kd.css .ztab) */
/* Rechner: lange Wörter im Regler-Hinweis umbrechen (Währungsumrechnungsgebühren) */
.calc .cs .hint{overflow-wrap:anywhere;hyphens:auto}
/* v4.41: Restliche Linien raus – Blöcke im Aufklapp-Bereich ohne Ober-/Unterkante, Kennzahlen-Band auch mobil ohne Linienraster */

/* XTB verified panels */

/* eToro verified panels */

/* v4.39: Quellen-Zeile in Karten-Panels */
.drow .ctgl-body p.small{font-size:var(--fs-sm);line-height:1.5;color:var(--muted);font-weight:400;border-top:1px solid var(--line);padding-top:10px;margin-top:10px}

/* 29.10.2026: Trading-Matrix ruhiger – keine Silbentrennung in Kopf/Zellen, Handelszeiten-Spalte breit genug, Zusatzangaben als <small> */
@media(min-width:861px){
 .tscroll>.ztab.ft7 thead th,.tscroll>.ztab.ft7 td{-webkit-hyphens:manual;hyphens:manual}
 .tscroll>.ztab.ft7{table-layout:fixed;width:100%}
 .tscroll>.ztab.ft7 th,.tscroll>.ztab.ft7 td{min-width:0;overflow-wrap:normal}
 .tscroll>.ztab.ft7 thead th:nth-child(1){width:19%}
 .tscroll>.ztab.ft7 thead th:nth-child(2){width:10%}
 .tscroll>.ztab.ft7 thead th:nth-child(3){width:14%}
 .tscroll>.ztab.ft7 thead th:nth-child(4){width:12%}
 .tscroll>.ztab.ft7 thead th:nth-child(5){width:10%}
 .tscroll>.ztab.ft7 thead th:nth-child(6){width:16%}
 .tscroll>.ztab.ft7 thead th:nth-child(7){width:19%}
}
.tscroll>.ztab.ft7 thead th small{display:block;font-size:var(--fs-xs);font-weight:400;color:var(--muted);margin-top:1px}