/* ============================================================
   ForexFa — brokers listing (/brokers/, /brokers/best/*, broker taxonomies)
   Depends on tokens/components in forexfa.css. Prefix: fx-l*
   ============================================================ */

/* hero extras ------------------------------------------------ */
.fx-lback{display:inline-block;margin-top:14px;font-size:12.5px;font-weight:600;color:var(--fx-primary)}

/* "بهترین برای" strip ---------------------------------------- */
.fx-lbest{display:flex;align-items:center;gap:12px;padding:14px var(--fx-gutter);border-bottom:1px solid var(--fx-hair);background:var(--fx-surface)}
.fx-lbest__k{font-size:12px;font-weight:700;color:var(--fx-muted);white-space:nowrap;flex:none}
.fx-lbest__chips{display:flex;gap:7px;flex-wrap:wrap;min-width:0}
.fx-lbest__chips .fx-chip{font-size:11.5px;padding:5px 12px;transition:background .15s,color .15s}
.fx-lbest__chips .fx-chip--outline:hover{background:var(--fx-tint-bg)}
.fx-lbest__n{font-family:var(--fx-font-latin);font-size:10px;opacity:.65;margin-inline-start:2px}
.fx-lbest__chips .fx-chip--dark .fx-lbest__n{opacity:.8}

/* filter bar ------------------------------------------------- */
.fx-lfilters{border-bottom:1px solid var(--fx-hair);background:var(--fx-surface)}
.fx-lfilters__quick{display:flex;align-items:center;gap:12px;padding:14px var(--fx-gutter);flex-wrap:wrap}
.fx-lfilters__chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.fx-lfilters__more{gap:5px;background:var(--fx-surface);border-style:dashed}
.fx-lfilters__more[aria-expanded="true"]{border-style:solid}
.fx-lfilters__caret{font-size:11px;transition:transform .15s;display:inline-block}
.fx-lfilters__more[aria-expanded="true"] .fx-lfilters__caret{transform:rotate(180deg)}
.fx-lfilters__end{margin-inline-start:auto;display:flex;align-items:center;gap:14px;flex:none}
.fx-lsort{display:flex;align-items:center;gap:4px;font-size:12.5px;color:var(--fx-muted)}
.fx-lsort__wrap{position:relative}
.fx-lsort__wrap::after{content:"▾";position:absolute;inset-inline-end:0;top:0;color:var(--fx-ink);font-weight:700;pointer-events:none}
.fx-lsort select{border:0;background:none;font-weight:700;color:var(--fx-ink);appearance:none;-webkit-appearance:none;padding-inline-end:14px;cursor:pointer;font-size:12.5px;max-width:200px}
.fx-lview{display:inline-flex;border:1px solid var(--fx-border);border-radius:999px;padding:2px;background:var(--fx-fill)}
.fx-lview__b{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:999px;font-size:12px;color:var(--fx-text-2);white-space:nowrap}
.fx-lview__b span{font-size:11px}
.fx-lview__b.is-on{background:var(--fx-surface);color:var(--fx-ink);font-weight:700;box-shadow:var(--fx-shadow-card)}

/* more-filters panel */
.fx-lpanel{border-top:1px solid var(--fx-hair);background:var(--fx-tint-bg);padding:16px var(--fx-gutter) 8px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px 28px}
.fx-lpanel[hidden]{display:none}
.fx-lpanel__group{min-width:0}
.fx-lpanel__k{font-size:12px;font-weight:700;color:var(--fx-ink);margin-bottom:7px;display:flex;align-items:center;gap:6px}
.fx-lpanel__hint{font-size:10px;font-weight:500;color:var(--fx-faint);background:var(--fx-surface);border:1px solid var(--fx-tint-border);border-radius:999px;padding:0 7px}
.fx-lpanel__chips{display:flex;gap:6px;flex-wrap:wrap}
.fx-lpanel__chips .fx-filter{background:var(--fx-surface);font-size:11.5px;padding:5px 12px}
.fx-lpanel__chips .fx-filter.is-on{background:var(--fx-primary);color:#fff}
.fx-lpanel__search{grid-column:1/-1}
.fx-lpanel__row{display:flex;gap:8px;max-width:460px}
.fx-lpanel__in{flex:1;min-width:0;border:1px solid var(--fx-border);border-radius:10px;padding:8px 13px;font-size:13px;background:var(--fx-surface)}
.fx-lpanel__in:focus{border-color:var(--fx-primary)}
.fx-lpanel__foot{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:6px 0 8px;border-top:1px solid var(--fx-tint-border)}
.fx-lpanel__clear{font-size:12px;color:var(--fx-red);font-weight:600}

/* count + active pills */
.fx-lcount{display:flex;align-items:center;gap:12px;padding:18px var(--fx-gutter) 0;flex-wrap:wrap}
.fx-lcount__n{font-weight:700;font-size:15px}
.fx-lcount__of{font-size:12px;color:var(--fx-muted)}
.fx-lcount__why{margin-inline-start:auto;font-size:12.5px;color:var(--fx-primary);font-weight:600;white-space:nowrap}
.fx-lpills{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.fx-lpill{display:inline-flex;align-items:center;gap:6px;background:var(--fx-tint);color:var(--fx-primary-dark);border-radius:999px;padding:4px 10px 4px 8px;font-size:11.5px;line-height:1.6}
.fx-lpill:hover{background:var(--fx-tint-border);color:var(--fx-primary-dark)}
.fx-lpill__k{color:var(--fx-muted);font-size:11px}
.fx-lpill__x{font-size:10px;color:var(--fx-primary);font-weight:700}
.fx-lpills__clear{font-size:11.5px;color:var(--fx-red);font-weight:600;margin-inline-start:4px}

/* views ------------------------------------------------------ */
.fx-lviews{min-height:120px}
[data-fxl-view][hidden]{display:none}
.fx-lempty{padding:16px var(--fx-gutter) 26px;max-width:520px}

/* card (extends .fx-bcard2) ---------------------------------- */
.fx-lc{display:flex;flex-direction:column;gap:11px;padding:16px 18px 14px}
.fx-lc .fx-bar{margin:0}
.fx-lc__head{display:flex;align-items:flex-start;gap:12px}

.fx-lc__logo{width:44px;height:44px;border-radius:12px;background:var(--fx-tint);color:var(--fx-primary);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;font-family:var(--fx-font-latin);flex:none;overflow:hidden;border:1px solid var(--fx-tint-border)}
.fx-lc__logo img{width:100%;height:100%;object-fit:contain}
.fx-lc__id{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;order:1}
.fx-lc .fx-bcard2__name{font-size:16px;line-height:1.4;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start}
.fx-lc__badges{display:flex;gap:4px;flex-wrap:wrap}
.fx-lc__badges .fx-chip{font-size:10px;padding:2px 8px;font-weight:600}
.fx-lc__badges .fx-chip:hover{background:var(--fx-tint-border)}
.fx-lc__tag{font-size:11px;color:var(--fx-muted);line-height:1.6}
.fx-lc__score{display:inline-flex;align-items:baseline;gap:4px;flex:none}
.fx-lc__of{font-size:9.5px;color:var(--fx-faint)}
.fx-lc__status{display:flex;gap:6px;flex-wrap:wrap}
.fx-lc__status .fx-chip{font-size:10.5px;font-weight:600}
.fx-lc__iran--limited{background:var(--fx-orange-bg);color:var(--fx-orange)}
.fx-lc__facts{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;margin:0;font-size:11.5px}
.fx-lc__fact{display:flex;justify-content:space-between;align-items:baseline;gap:8px;min-width:0;padding-bottom:5px;border-bottom:1px dashed var(--fx-hair)}
.fx-lc__fact--wide{grid-column:1/-1}
.fx-lc__fact dt{color:var(--fx-muted);white-space:nowrap;flex:none}
.fx-lc__fact dd{margin:0;font-weight:600;color:var(--fx-ink);text-align:end;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-lc__fact dd .fx-latin{font-weight:600}
.fx-lc__fact--wide dd{white-space:normal}
.fx-lc__vs{font-size:10.5px;font-weight:600}
.fx-lc__sub{font-size:10.5px;color:var(--fx-muted);font-weight:500}
.fx-lc__regs{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.fx-lc__pc{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;font-size:11.5px;line-height:1.75;color:var(--fx-text-2)}
.fx-lc__pros,.fx-lc__cons{list-style:none;margin:0;padding:0;min-width:0}
.fx-lc__pros li,.fx-lc__cons li{position:relative;padding-inline-start:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.fx-lc__pros li::before{content:"+";position:absolute;inset-inline-start:0;color:var(--fx-green-2);font-weight:700}
.fx-lc__cons li::before{content:"−";position:absolute;inset-inline-start:0;color:var(--fx-red);font-weight:700}
.fx-lc__actions{margin-top:2px}
.fx-lc__actions .fx-btn--outline{flex:1}
.fx-lc__actions .fx-btn--ghost{flex:0 0 auto;padding:8px 12px;min-width:92px}
.fx-lc__disc{font-size:10px;color:var(--fx-faint);line-height:1.6;text-align:center;border-top:1px solid var(--fx-hair);padding-top:8px;margin-top:-2px}

/* regulator chips (card + row) */
.fx-lreg{display:inline-flex;align-items:center;gap:4px;border-radius:6px;padding:1px 7px;font-size:10.5px;font-weight:600;line-height:1.7;background:var(--fx-fill-2);color:var(--fx-text-2);border:1px solid transparent;white-space:nowrap}
.fx-lreg i{font-style:normal;font-size:9px;opacity:.75}
.fx-lreg--t1{background:var(--fx-green-bg);color:var(--fx-green-2);border-color:var(--fx-green-border)}
.fx-lreg--t2{background:var(--fx-tint);color:var(--fx-primary-dark);border-color:var(--fx-tint-border)}
.fx-lreg--t3{background:var(--fx-sky-bg);color:var(--fx-sky)}
.fx-lreg--t4{background:var(--fx-fill-2);color:var(--fx-text-2)}
.fx-lreg--t5{background:var(--fx-red-bg);color:var(--fx-red-text)}
.fx-lreg--none{background:var(--fx-red-bg);color:var(--fx-red-text)}
.fx-lreg--more{background:var(--fx-surface);border-color:var(--fx-border);color:var(--fx-muted);font-family:var(--fx-font-latin)}

/* table view ------------------------------------------------- */
.fx-ltable-wrap{padding:16px var(--fx-gutter) 20px}
.fx-ltable-scroll{border:1px solid var(--fx-border);border-radius:14px;background:var(--fx-surface);box-shadow:var(--fx-shadow-card);overflow:visible}
.fx-ltable{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:12px;line-height:1.6}
.fx-ltable th,.fx-ltable td{padding:10px 8px;border-bottom:1px solid var(--fx-hair);text-align:center;vertical-align:middle;white-space:normal;overflow:hidden}
.fx-ltable thead th{position:sticky;top:0;z-index:2;background:var(--fx-fill);color:var(--fx-text-2);font-size:11px;font-weight:700;border-bottom:1px solid var(--fx-border);user-select:none}
.fx-ltable thead th:first-child{border-start-end-radius:14px}
.fx-ltable thead th:last-child{border-start-start-radius:14px}
.fx-ltable thead th[data-sort]{cursor:pointer}
.fx-ltable thead th[data-sort]:hover{color:var(--fx-ink);background:var(--fx-fill-2)}
.fx-ltable thead th.is-asc,.fx-ltable thead th.is-desc{color:var(--fx-primary);background:var(--fx-tint)}
.fx-ltable__arrow{display:inline-block;width:0;margin-inline-start:3px;color:var(--fx-primary);font-size:9px}
.fx-ltable thead th.is-asc .fx-ltable__arrow::after{content:"▲"}
.fx-ltable thead th.is-desc .fx-ltable__arrow::after{content:"▼"}
.fx-ltable tbody tr:last-child td,.fx-ltable tbody tr:last-child th{border-bottom:0}
.fx-ltable tbody tr:hover td,.fx-ltable tbody tr:hover th{background:var(--fx-tint-bg)}
.fx-ltable__c-name{text-align:start!important;background:var(--fx-surface)}
.fx-ltable thead .fx-ltable__c-name{z-index:3;background:var(--fx-fill)}
.fx-ltable tbody tr:hover .fx-ltable__c-name{background:var(--fx-tint-bg)}
.fx-ltable__foot{font-size:11px;color:var(--fx-faint);line-height:1.8;padding:10px 4px 0}
.fx-lr__id{display:inline-flex;align-items:center;gap:9px;color:var(--fx-ink)}
.fx-lr__logo{width:28px;height:28px;border-radius:8px;background:var(--fx-tint);color:var(--fx-primary);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:10px;font-family:var(--fx-font-latin);flex:none;overflow:hidden}
.fx-lr__logo img{width:100%;height:100%;object-fit:contain}
.fx-lr__title{font-weight:700;font-family:var(--fx-font-latin);font-size:13px}
.fx-lr__score{font-size:12px;padding:3px 10px}
.fx-lr__trust{display:inline-block;min-width:34px;border-radius:999px;padding:2px 8px;font-weight:700;font-size:11.5px}
.fx-lr__trust--high{background:var(--fx-green-bg);color:var(--fx-green-2)}
.fx-lr__trust--good{background:var(--fx-tint);color:var(--fx-primary)}
.fx-lr__trust--mid{background:var(--fx-fill-2);color:var(--fx-text-2)}
.fx-lr__trust--low{background:var(--fx-red-bg);color:var(--fx-red)}
.fx-lr__trust--na{color:var(--fx-faint)}
.fx-lr__limited{color:var(--fx-orange);font-weight:600}
.fx-lr__muted{color:var(--fx-faint)}
.fx-lr__txt{color:var(--fx-text-2);font-size:11px}
.fx-lr__regs{max-width:none}
.fx-lr__regs .fx-lreg{margin:1px}
.fx-lr__cmp .fx-check{margin:0 auto}
.fx-lr__cta .fx-btn{border-radius:8px}
.fx-ltable .fx-up{color:var(--fx-green-2);font-weight:700}
.fx-ltable .fx-down{color:var(--fx-red);font-weight:700}

/* methodology / weights -------------------------------------- */
.fx-lmeth{margin:6px var(--fx-gutter) 34px;background:var(--fx-tint-bg);border:1px solid var(--fx-tint-border);border-radius:16px;padding:22px 26px;display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:center}
.fx-lmeth__title{font-family:var(--fx-font-head);font-weight:800;font-size:20px;margin-bottom:6px}
.fx-lmeth__body{font-size:12.5px;line-height:1.95;color:var(--fx-text-2);margin-bottom:14px}
.fx-lmeth__weights{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 22px;font-size:12px}
.fx-lmeth__weights li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}
.fx-lmeth__weights .fx-bar{background:var(--fx-surface);min-width:60px}
.fx-lmeth__k{color:var(--fx-ink);white-space:nowrap}
.fx-lmeth__v{font-family:var(--fx-font-latin);font-weight:700;color:var(--fx-primary);min-width:34px;text-align:end}

/* guide / excluded / changelog / faq ------------------------- */
.fx-lguide{padding:0 var(--fx-gutter) 30px;max-width:900px}
.fx-lguide__body{margin-top:12px}
.fx-lexcl{padding:0 var(--fx-gutter) 34px}
.fx-lexcl__rows{margin-top:14px;border:1px solid var(--fx-border);border-radius:14px;overflow:hidden;background:var(--fx-surface)}
.fx-lexcl__row{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--fx-hair);color:var(--fx-ink);font-size:12.5px}
.fx-lexcl__row:last-child{border-bottom:0}
.fx-lexcl__row:hover{background:var(--fx-tint-bg);color:var(--fx-ink)}
.fx-lexcl__logo{width:30px;height:30px;border-radius:8px;background:var(--fx-fill-2);color:var(--fx-muted);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:10px;font-family:var(--fx-font-latin);flex:none;overflow:hidden;filter:grayscale(1)}
.fx-lexcl__logo img{width:100%;height:100%;object-fit:contain}
.fx-lexcl__name{font-weight:700;font-family:var(--fx-font-latin);min-width:110px}
.fx-lexcl__note{color:var(--fx-muted);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.fx-lexcl__more{margin-inline-start:auto;color:var(--fx-primary);font-size:12px;font-weight:600;white-space:nowrap}
.fx-lchange{padding:0 var(--fx-gutter) 34px}
.fx-lchange__list{list-style:none;margin:14px 0 0;padding:0;border-inline-start:2px solid var(--fx-tint-border);display:flex;flex-direction:column;gap:10px}
.fx-lchange__list li{display:flex;gap:14px;align-items:baseline;padding-inline-start:16px;position:relative;font-size:12.5px;line-height:1.9}
.fx-lchange__list li::before{content:"";position:absolute;inset-inline-start:-6px;top:10px;width:10px;height:10px;border-radius:50%;background:var(--fx-primary);border:2px solid var(--fx-surface)}
.fx-lchange__date{color:var(--fx-muted);font-size:11.5px;white-space:nowrap;min-width:110px}
.fx-lchange__text{color:var(--fx-text-2)}
.fx-lfaq{margin-top:0}
.fx-lfaq .fx-faq__a p{margin:0 0 6px}

/* responsive ------------------------------------------------- */
@media (max-width:1100px){
  .fx-lpanel{grid-template-columns:1fr 1fr}
  .fx-lmeth{grid-template-columns:1fr}
  .fx-ltable-scroll{max-height:none}
}
@media (max-width:768px){
  .fx-lbest{align-items:flex-start;flex-direction:column;gap:8px}
  .fx-lbest__chips{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:4px;scrollbar-width:none}
  .fx-lbest__chips::-webkit-scrollbar{display:none}
  .fx-lfilters__quick{gap:10px;padding:12px var(--fx-gutter)}
  .fx-lfilters__chips{flex-wrap:nowrap;overflow-x:auto;width:100%;scrollbar-width:none;padding-bottom:2px}
  .fx-lfilters__chips::-webkit-scrollbar{display:none}
  .fx-lfilters__end{margin-inline-start:0;width:100%;justify-content:space-between;gap:8px}
  .fx-lsort select{max-width:150px}
  .fx-lpanel{grid-template-columns:1fr;gap:12px}
  .fx-lpanel__chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .fx-lpanel__chips::-webkit-scrollbar{display:none}
  .fx-lcount{gap:8px;padding-top:14px}
  .fx-lcount__why{margin-inline-start:0;width:100%}
  .fx-lc{padding:14px 14px 12px}
  .fx-lc__facts{grid-template-columns:1fr}
  .fx-lc__fact--wide{grid-column:auto}
  .fx-lc__pc{grid-template-columns:1fr}
  .fx-lc__actions{flex-wrap:wrap}
  .fx-lc__actions .fx-btn--ghost{flex:1 1 100%}
  .fx-lmeth{padding:18px 16px}
  .fx-lmeth__weights{grid-template-columns:1fr}
  .fx-lexcl__note{display:none}
  .fx-lchange__list li{flex-direction:column;gap:2px}
  .fx-ltable-wrap{padding:12px var(--fx-gutter) 16px}
}

/* ===== compact table (no horizontal scroll) + card head with logo on the left — v2.1 ===== */
.fx-ltable{min-width:0}
.fx-ltable col{}
.fx-ltable th:nth-child(1),.fx-ltable td:nth-child(1){width:21%}
.fx-ltable th:nth-child(2),.fx-ltable td:nth-child(2){width:10%}
.fx-ltable th:nth-child(3),.fx-ltable td:nth-child(3){width:11%}
.fx-ltable th:nth-child(4),.fx-ltable td:nth-child(4){width:9%}
.fx-ltable th:nth-child(5),.fx-ltable td:nth-child(5){width:11%}
.fx-ltable th:nth-child(6),.fx-ltable td:nth-child(6){width:8%}
.fx-ltable th:nth-child(7),.fx-ltable td:nth-child(7){width:9%}
.fx-ltable th:nth-child(8),.fx-ltable td:nth-child(8){width:12%}
.fx-ltable th:nth-child(9),.fx-ltable td:nth-child(9){width:9%}
.fx-lr__idtxt{display:flex;flex-direction:column;min-width:0;gap:1px}
.fx-lr__title{font-weight:700;font-family:var(--fx-font-latin);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-lr__sub{display:block;font-size:10px;color:var(--fx-faint);line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.fx-lr__ok{color:var(--fx-green-2);font-weight:700}
.fx-lr__bad{color:var(--fx-red);font-weight:700}
.fx-lr__trust{min-width:0;padding:1px 6px;font-size:10.5px}
.fx-lr__regs .fx-lreg{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-block}
.fx-lr__actbox{display:flex;flex-direction:column;align-items:center;gap:5px}
.fx-lr__actbox .fx-btn{width:100%;justify-content:center;padding:5px 6px;font-size:11px}
.fx-lr__act .fx-check{margin:0}
@media (max-width:900px){
  .fx-ltable,.fx-ltable tbody,.fx-ltable tr,.fx-ltable th,.fx-ltable td{display:block;width:auto!important}
  .fx-ltable thead{display:none}
  .fx-ltable tr{border:1px solid var(--fx-border);border-radius:12px;margin-bottom:10px;padding:10px 12px;background:var(--fx-surface)}
  .fx-ltable td{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:end;border-bottom:1px dashed var(--fx-hair);padding:7px 0}
  .fx-ltable td:last-child{border-bottom:0}
  .fx-ltable td::before{content:attr(data-l);color:var(--fx-muted);font-size:11.5px;font-weight:600;flex:none}
  .fx-ltable th.fx-ltable__c-name{border-bottom:1px solid var(--fx-hair);padding:0 0 8px}
  .fx-lr__actbox{flex-direction:row;justify-content:flex-end;flex-wrap:wrap}
  .fx-lr__actbox .fx-btn{width:auto}
  .fx-lr__sub{white-space:normal}
}
.fx-lc__nameline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.fx-lc__logo{order:2;margin-inline-start:auto}
.fx-lc__of{font-size:10px;color:var(--fx-faint)}

.fx-ltable thead th{top:0}
@supports (overflow:clip){.fx-ltable-scroll{overflow-x:clip}}

/* logo tiles: bigger, with breathing room (v2.2) */
.fx-lc__logo{width:52px;height:52px;padding:6px;border-radius:13px}
.fx-lr__logo{width:34px;height:34px;padding:4px;border-radius:9px}
@media (max-width:900px){.fx-lr__logo{width:38px;height:38px}}

/* regulator chip: acronym + tier badge, never glued (v2.3) */
.fx-lreg{gap:5px}
.fx-lreg bdi{unicode-bidi:isolate}
.fx-lreg i{font-style:normal;font-size:9px;line-height:1.6;opacity:1;padding:0 4px;border-radius:4px;background:var(--fxl-regi);flex:none}
.fx-lreg--t1 i,.fx-lreg--t2 i{background:var(--fxl-regi-a)}
.fx-lreg--t5 i,.fx-lreg--none i{background:var(--fxl-regi-b)}
.fx-lr__regs .fx-lreg{margin:1px 0}

/* compare checkbox next to the logo, at the start of the row (v2.4) */
.fx-lr__namewrap{display:flex;align-items:center;gap:9px;min-width:0}
.fx-lr__namewrap .fx-check{flex:none}
.fx-lr__id{flex:1;min-width:0}
@media (max-width:900px){.fx-lr__namewrap{gap:10px}}

/* ============ broker card v3 — calmer hierarchy ============ */
.fx-lc{display:flex;flex-direction:column;gap:12px;padding:16px 18px 14px;border-radius:16px;border:1px solid var(--fx-border);background:var(--fx-surface);box-shadow:none;transition:border-color .15s,box-shadow .15s}
.fx-lc:hover{border-color:var(--fx-tint-border);box-shadow:var(--fx-shadow-card)}
.fx-lc .fx-bar{display:none}

.fx-lc__head{display:flex;align-items:center;gap:10px}
.fx-lc__check{flex:none;order:0}
.fx-lc__id{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;order:1}
.fx-bcard2__name{font-family:var(--fx-font-latin);font-weight:700;font-size:16px;color:var(--fx-ink);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.fx-lc__tag{font-size:11px;color:var(--fx-faint);line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-lc__score{order:2;flex:none;display:flex;flex-direction:column;align-items:center;line-height:1.1;padding:4px 10px;border-radius:10px;background:var(--fx-tint-bg);border:1px solid var(--fx-tint-border)}
.fx-lc__score b{font-family:var(--fx-font-head);font-weight:800;font-size:17px;color:var(--fx-primary)}
.fx-lc__score span{font-size:9px;color:var(--fx-muted);margin-top:1px}
.fx-lc__logo{order:3}

.fx-lc__status{display:flex;flex-wrap:wrap;gap:6px}
.fx-lc__pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;line-height:1.8;padding:2px 10px;border-radius:999px;border:1px solid transparent;white-space:nowrap}
.fx-lc__pill b{font-family:var(--fx-font-latin);font-weight:700}
.fx-lc__pill--iran.is-yes{background:var(--fx-green-bg);color:var(--fx-green-2);border-color:var(--fx-green-border)}
.fx-lc__pill--iran.is-no{background:var(--fx-red-bg);color:var(--fx-red-text);border-color:var(--fx-red-border)}
.fx-lc__pill--iran.is-part{background:var(--fxl-amber-bg);color:var(--fxl-amber-ink);border-color:var(--fxl-amber-bd)}
.fx-lc__pill--iran.is-unk{background:var(--fx-fill);color:var(--fx-muted);border-color:var(--fx-border)}
.fx-lc__pill--trust{background:var(--fx-fill);color:var(--fx-text-2);border-color:var(--fx-border)}
.fx-lc__pill--trust.is-high{background:var(--fx-green-bg);color:var(--fx-green-2);border-color:var(--fx-green-border)}
.fx-lc__pill--trust.is-good{background:var(--fx-tint);color:var(--fx-primary-dark);border-color:var(--fx-tint-border)}
.fx-lc__pill--trust.is-low{background:var(--fx-red-bg);color:var(--fx-red-text);border-color:var(--fx-red-border)}
.fx-lc__pill--badge{background:var(--fxl-gold-bg);color:var(--fxl-gold-ink);border-color:var(--fxl-gold-bd);font-weight:600}
.fx-lc__pill--badge:hover{background:var(--fxl-gold-bg-h);color:var(--fxl-gold-ink)}

.fx-lc__facts{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;border-top:1px solid var(--fx-hair);border-bottom:1px solid var(--fx-hair)}
.fx-lc__fact{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:7px 0;font-size:12.5px;min-width:0}
.fx-lc__fact:nth-child(odd){padding-inline-end:12px;border-inline-end:1px solid var(--fx-hair)}
.fx-lc__fact:nth-child(even){padding-inline-start:12px}
.fx-lc__fact--hero,.fx-lc__fact--wide{grid-column:1/-1;border-inline-end:0!important;padding-inline:0!important;border-bottom:1px solid var(--fx-hair)}
.fx-lc__fact dt{color:var(--fx-muted);font-size:11.5px;flex:none}
.fx-lc__fact dd{margin:0;font-weight:600;color:var(--fx-ink);min-width:0;text-align:end;display:flex;align-items:baseline;gap:7px;justify-content:flex-end;flex-wrap:wrap}
.fx-lc__big{font-size:16px;font-weight:700}
.fx-lc__na{color:var(--fx-faint);font-weight:400}
.fx-lc__vs{font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:5px}
.fx-lc__vs.is-good{background:var(--fx-green-bg);color:var(--fx-green-2)}
.fx-lc__vs.is-bad{background:var(--fx-red-bg);color:var(--fx-red)}
.fx-lc__vs.is-mid{background:var(--fx-fill);color:var(--fx-muted)}
.fx-lc__fact--regs dd{gap:4px}

.fx-lc__pc{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;font-size:11.5px;line-height:1.75}
.fx-lc__pros,.fx-lc__cons{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px;min-width:0}
.fx-lc__pros li,.fx-lc__cons li{position:relative;padding-inline-start:14px;color:var(--fx-text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fx-lc__pros li::before{content:"+";position:absolute;inset-inline-start:0;color:var(--fx-green-2);font-weight:700}
.fx-lc__cons li::before{content:"−";position:absolute;inset-inline-start:0;color:var(--fx-red);font-weight:700}

.fx-lc__meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11px;color:var(--fx-faint);min-height:0}
.fx-lc__meta b{color:var(--fx-text-2);font-family:var(--fx-font-latin)}
.fx-lc__dot{opacity:.6}

.fx-lc__actions{display:flex;gap:8px;margin-top:auto}
.fx-lc__actions .fx-btn{border-radius:10px;padding:9px 0;font-size:12.5px;flex:1;justify-content:center}
.fx-lc__actions .fx-btn--solid{flex:1.35;font-weight:700}
.fx-lc__actions .fx-lc__cmp{flex:none;padding-inline:14px}
.fx-lc__disc{font-size:10px;color:var(--fx-faint);line-height:1.7;text-align:center}

@media (max-width:768px){
  .fx-lc{padding:14px}
  .fx-lc__facts{grid-template-columns:1fr}
  .fx-lc__fact:nth-child(odd){border-inline-end:0;padding-inline-end:0}
  .fx-lc__fact:nth-child(even){padding-inline-start:0}
  .fx-lc__fact{border-bottom:1px solid var(--fx-hair)}
  .fx-lc__fact:last-child{border-bottom:0}
  .fx-lc__pc{grid-template-columns:1fr}
  .fx-lc__actions{flex-wrap:wrap}
  .fx-lc__actions .fx-btn{flex:1 1 45%}
}


/* ==========================================================================
   Dark overrides — local tokens for values that have no global equivalent.
   The light values repeated here are byte-identical to what shipped before;
   only the dark blocks differ. Same pattern as the end of forexfa.css.
   ========================================================================== */
:root{
  /* tier-badge plate inside a regulator chip */
  --fxl-regi:rgba(0,0,0,.07);--fxl-regi-a:rgba(255,255,255,.55);--fxl-regi-b:rgba(255,255,255,.5);
  /* "partly available in Iran" pill */
  --fxl-amber-bg:#fff7ed;--fxl-amber-ink:#c2570a;--fxl-amber-bd:#fed7aa;
  /* award / badge pill */
  --fxl-gold-bg:#fffbeb;--fxl-gold-bg-h:#fef3c7;--fxl-gold-ink:#92400e;--fxl-gold-bd:#fde68a;
}
:root[data-theme="dark"]{
  --fxl-regi:rgba(255,255,255,.10);--fxl-regi-a:rgba(255,255,255,.14);--fxl-regi-b:rgba(255,255,255,.12);
  --fxl-amber-bg:#2b1d10;--fxl-amber-ink:#fdba74;--fxl-amber-bd:#5a3f1c;
  --fxl-gold-bg:#2c2109;--fxl-gold-bg-h:#38290c;--fxl-gold-ink:#fcd34d;--fxl-gold-bd:#56410f;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
  --fxl-regi:rgba(255,255,255,.10);--fxl-regi-a:rgba(255,255,255,.14);--fxl-regi-b:rgba(255,255,255,.12);
  --fxl-amber-bg:#2b1d10;--fxl-amber-ink:#fdba74;--fxl-amber-bd:#5a3f1c;
  --fxl-gold-bg:#2c2109;--fxl-gold-bg-h:#38290c;--fxl-gold-ink:#fcd34d;--fxl-gold-bd:#56410f;
  }
}

/* responsive hardening: on phones the sort control + view toggle sat in a
   nowrap row whose min-content (sort select 150px + toggle 134px) exceeded
   the 320px viewport, pushing the whole PAGE sideways. Let the sort side
   shrink, and wrap as a last resort. */
@media (max-width:768px){
  .fx-lfilters__end{flex-wrap:wrap;min-width:0}
  .fx-lsort{flex:1 1 auto;min-width:0}
  .fx-lsort__wrap{min-width:0;flex:1 1 auto}
  .fx-lsort select{max-width:100%;width:100%}
  .fx-lview{flex:none}
}