/* Directory /crypto/ and /forex/ — artboard 12. Tokens only; shared pieces come from site.css. */

.dr-intro{margin-top:10px;font-size:16px;line-height:24px;color:var(--ink3);max-width:72ch}
.dr-ctl{margin-top:24px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 20px}
.dr-q{flex:1 1 320px}
.dr-cat{flex:0 1 260px}
.dr-srch{position:relative}
.dr-ctl .in,.dr-ctl .sel{height:44px}
.dr-cat-row{display:flex;gap:8px}
.dr-cat-row .sel{flex:1 1 auto;min-width:0}
.dr-th{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:14px;line-height:20px;color:var(--ink3)}
.dr-tbl{margin-top:16px;position:relative}
.dr-tbl td,.dr-tbl tbody th{white-space:nowrap}
.dr-tbl strong{font-weight:600}
.dr-pair{color:var(--ink);text-decoration:none}
.dr-pair:hover{color:var(--brand-h);text-decoration:underline}
.dr-sub{display:block;font-size:14px;line-height:20px;font-weight:400;color:var(--ink2)}
.dr-upd{font-size:14px;color:var(--ink3)}
.dr-go{font-weight:600;white-space:nowrap}
.dr-fine{margin-top:12px;font-size:14px;line-height:20px;color:var(--ink2)}

@media (max-width:767px){
  .dr-q,.dr-cat{flex:1 1 100%}
  .dr-ctl .in,.dr-ctl .sel{height:48px}
}