/* desk-legacy.css — SINH TỰ ĐỘNG từ ca.css (scratchpad mk_legacy.py), đợt 41.
   Cầu nối cho trang công cụ giữ markup/JS cũ: biến --ca-* trỏ sang token giao diện mới
   (sáng/tối theo desk.css). KHÔNG sửa tay — sửa ca.css hoặc dựng lại trang bằng thành phần mới. */
:root{--ca-red:var(--red);--ca-red-dark:var(--red-ink);--ca-gold:var(--gold-ring);--ca-gold-soft:var(--gold-wash);
--ca-gold-text:var(--gold);--ca-bg:var(--paper);--ca-surface:var(--surface);--ca-text:var(--ink);--ca-text-soft:var(--muted);
--ca-border:var(--line);--ca-green:var(--won);--ca-radius:var(--radius);--ca-shadow:none}
.ca-breadcrumb{font-size:.92rem;color:var(--muted);margin:16px 0 8px}.ca-breadcrumb a{color:var(--muted);display:inline-block;padding:10px 0}
.ca-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin:16px 0;box-shadow:none}
.ca-card h2{margin-top:0}
.ca-btn{font-family:var(--sans)}
.ca-card[id]{scroll-margin-top: 70px;}
.ca-card{background: var(--ca-surface); border: 1px solid var(--ca-border);
  border-radius: var(--ca-radius); box-shadow: var(--ca-shadow);
  padding: 16px; margin: 14px 0;}
.ca-card h2:first-child,
.ca-card h3:first-child{margin-top: 0;}
.ca-answer{background: var(--ca-surface); border-left: 4px solid var(--ca-red);
  border-radius: 6px; padding: 12px 14px; margin: 12px 0; font-size: 1.02rem;}
.ca-chip{display: inline-flex; align-items: center; gap: 7px;
  padding: 5px 12px; border-radius: 999px; font-size: .88rem; font-weight: 700;
  background: var(--ca-surface); border: 1px solid var(--ca-border); color: var(--ca-text-soft);}
.ca-chip .dot{width: 8px; height: 8px; border-radius: 50%; background: var(--ca-text-soft);}
.ca-chip.is-tonight{color: var(--ca-red); border-color: var(--ca-red);}
.ca-chip.is-tonight .dot{background: var(--ca-red);}
.ca-chip.is-drawing{color: #fff; background: var(--ca-red); border-color: var(--ca-red);}
.ca-chip.is-drawing .dot{background: #fff; animation: ca-pulse 1.2s infinite;}
.ca-chip.is-partial{color: var(--ca-gold-text); border-color: var(--ca-gold);}
.ca-chip.is-partial .dot{background: var(--ca-gold);}
.ca-chip.is-complete{color: var(--ca-green); border-color: var(--ca-green);}
.ca-chip.is-complete .dot{background: var(--ca-green);}
.ca-chip.sm{padding: 1px 8px; font-size: .72rem; gap: 5px; vertical-align: middle;}
.ca-chip.sm .dot{width: 6px; height: 6px;}
.ca-chip-more{margin-left: 8px; font-weight: 700; white-space: nowrap;}
.ca-countdown{background: var(--ca-red); color: #fff; border-radius: 999px;
  padding: 2px 9px; font-variant-numeric: tabular-nums; font-size: .82rem;
  white-space: nowrap;}
.ca-chip.is-tonight .ca-countdown{animation: none;}
.ca-balls{display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 10px 0;}
.ca-ball{display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; border-radius: 50%;
  background: var(--ca-surface); border: 2px solid var(--ca-border);
  font-weight: 800; font-size: 1.15rem; font-variant-numeric: tabular-nums;}
.ca-ball.bonus{border-color: var(--ca-gold); background: var(--ca-gold-soft); color: var(--ca-text);}
.ca-ball.sm{width: 32px; height: 32px; font-size: .92rem; border-width: 1.5px;}
.ca-bonus-label{font-size: .8rem; color: var(--ca-text-soft); font-weight: 700; margin-left: 2px;}
.ca-ticker{display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; margin: 14px 0;}
.ca-ticker .item{background: var(--ca-surface); border: 1px solid var(--ca-border); border-radius: var(--ca-radius); padding: 12px 14px; display: flex; flex-direction: column;}
.ca-ticker .label{font-size: .82rem; color: var(--ca-text-soft); font-weight: 700; text-transform: uppercase; letter-spacing: .03em; flex: 1;}
.ca-ticker .amount{font-size: 1.45rem; font-weight: 800; color: var(--ca-red);}
.ca-ticker .amount.gold{color: var(--ca-gold-text);}
.ca-table-wrap{overflow-x: auto;}
table.ca-table{width: 100%; border-collapse: collapse; font-size: .95rem;}
.ca-table th,
.ca-table td{padding: 8px 10px; border-bottom: 1px solid var(--ca-border); text-align: left;}
.ca-table th{color: var(--ca-text-soft); font-size: .84rem; text-transform: uppercase; letter-spacing: .03em;}
.ca-table td.num{font-variant-numeric: tabular-nums; text-align: right;}
.ca-faq details{border-bottom: 1px solid var(--ca-border); padding: 8px 0;}
.ca-faq summary{font-weight: 700; cursor: pointer;}
.ca-faq p{margin: 8px 0 4px; color: var(--ca-text-soft);}
.ca-related-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px;}
.ca-related-grid a{display: flex; flex-direction: column; gap: 2px; padding: 10px 12px;
  border: 1px solid var(--ca-border); border-radius: 8px; color: inherit;}
.ca-related-grid a:hover{border-color: var(--ca-red); text-decoration: none;}
.ca-related-grid a strong{color: var(--ca-red);}
.ca-trust{display: flex; align-items: center; gap: 6px; font-size: .84rem; color: var(--ca-text-soft);}
.ca-trust .tick{color: var(--ca-green); font-weight: 800;}
.ca-card-links{margin-top: 8px; font-size: .85rem;}
.tc-step{margin: 16px 0;}
.tc-step-n{display: inline-flex; width: 22px; height: 22px; border-radius: 50%;
  background: var(--ca-red); color: #fff; font-size: .8rem; font-weight: 800;
  align-items: center; justify-content: center; margin-right: 6px;}
.tc-step > label,
.tc-step-label{font-weight: 700; display: block; margin-bottom: 8px;}
.tc-select{padding: 10px 12px; font-size: 1rem; min-height: 44px; max-width: 100%;
  border: 1px solid var(--ca-border); border-radius: 8px;
  background: var(--ca-surface); color: var(--ca-text);}
.tc-mode{display: inline-flex; border: 1px solid var(--ca-border); border-radius: 8px; overflow: hidden; margin-bottom: 10px;}
.tc-mode-opt{padding: 10px 14px; min-height: 44px; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; font-weight: 600; font-size: .92rem;}
.tc-mode-opt:has(input:checked){background: var(--ca-red); color: #fff;}
.tc-drawrow{display: flex; flex-wrap: wrap; gap: 8px; align-items: center;}
.tc-line{border: 1px solid var(--ca-border); border-radius: 8px; margin: 0 0 10px; padding: 6px 10px 12px; position: relative;}
.tc-line legend{font-size: .8rem; font-weight: 800; color: var(--ca-text-soft); text-transform: uppercase; letter-spacing: .04em; padding: 0 4px;}
.tc-boxes{display: flex; flex-wrap: wrap; gap: 6px; align-items: center;}
.tc-num{width: 46px; height: 46px; text-align: center; font-size: 1.1rem; font-weight: 700;
  border: 1.5px solid var(--ca-border); border-radius: 8px;
  background: var(--ca-surface); color: var(--ca-text);}
.tc-num:focus{border-color: var(--ca-red); outline: none; box-shadow: 0 0 0 2px rgba(200, 16, 46, .18);}
.tc-gn-wrap{display: inline-flex; align-items: center; gap: 5px; margin-left: 6px; padding-left: 10px; border-left: 2px solid var(--ca-gold);}
.tc-gn-wrap[hidden]{display: none !important;}
.tc-gn-label{font-size: .78rem; font-weight: 800; color: var(--ca-gold-text);}
.tc-gn{border-color: var(--ca-gold);}
.tc-remove{position: absolute; top: 4px; right: 6px; width: 34px; height: 34px;
  background: none; border: 0; color: var(--ca-text-soft); font-size: 1.2rem; cursor: pointer; border-radius: 8px;}
.tc-remove:hover{color: var(--ca-red); background: var(--ca-bg);}
.tc-add{background: none; border: 1.5px dashed var(--ca-border); color: var(--ca-red);
  font-weight: 700; border-radius: 8px; padding: 10px 14px; min-height: 44px; cursor: pointer; width: 100%; font-size: .95rem;}
.tc-add:hover{border-color: var(--ca-red);}
.tc-ocr{border: 1px dashed var(--ca-border); border-radius: 10px; background: var(--ca-bg); padding: 12px 14px; margin: 0 0 16px;}
.tc-ocr-head{margin: 0 0 4px; font-size: 1rem;}
.tc-ocr-desc{margin: 0 0 10px; font-size: .9rem; color: var(--ca-text-soft); line-height: 1.5;}
.tc-ocr-btn{display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 10px 16px; border: 1px solid var(--ca-red); border-radius: 8px; background: var(--ca-surface); color: var(--ca-red); font-weight: 700; cursor: pointer;}
.tc-ocr-btn:hover{background: var(--ca-red); color: #fff;}
.tc-ocr-status{margin: 10px 0 4px; padding: 8px 12px; border-radius: 8px; font-size: .9rem; background: var(--ca-surface); border-left: 3px solid var(--ca-border);}
.tc-ocr-status.ok{border-left-color: var(--ca-green); color: var(--ca-green); font-weight: 600;}
.tc-ocr-status.warn{border-left-color: var(--ca-gold); color: var(--ca-gold-text);}
.tc-extra{width: 220px; max-width: 100%; padding: 10px; min-height: 44px;
  font-family: monospace; letter-spacing: .2em; font-size: 1.05rem;
  border: 1px solid var(--ca-border); border-radius: 8px; background: var(--ca-surface); color: var(--ca-text);}
.tc-error{color: var(--ca-red); font-weight: 600; margin: 6px 0;}
.tc-summary{background: var(--ca-bg); border-radius: 8px; padding: 12px 14px;}
.tc-summary.is-win{border-left: 4px solid var(--ca-green);}
.tc-line-result{margin: 20px 0;}
.tc-line-result h3{display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 0 0 6px;}
.tc-line-nums{font-weight: 700; font-variant-numeric: tabular-nums;}
.tc-gn-badge{color: var(--ca-gold-text); font-weight: 800; font-size: .9rem;}
.tc-hit{color: var(--ca-green); font-weight: 800;}
.tc-hit-bonus{color: var(--ca-gold-text); font-weight: 800;}
.tc-badge-gold{display: inline-block; background: var(--ca-gold-soft); color: var(--ca-text);
  border: 1px solid var(--ca-gold); border-radius: 999px; padding: 2px 10px;
  font-size: .85rem; font-weight: 700; margin: 2px 0;}
.tc-save{background: none; border: 1px solid var(--ca-border); border-radius: 999px;
  padding: 8px 14px; min-height: 40px; cursor: pointer; font-size: .85rem; font-weight: 600; color: var(--ca-text-soft);}
.tc-save:hover,
.tc-save.is-saved{border-color: var(--ca-gold); color: var(--ca-gold-text);}
@media (max-width: 640px){.tc-result-table thead{display: none;}
.tc-result-table,
.tc-result-table tbody{display: block;}
.tc-result-table tr{display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px;
    padding: 10px 0; border-bottom: 1px solid var(--ca-border);}
.tc-result-table td{display: block; border: 0; padding: 0;}
.tc-result-table td.tc-td-date{order: 1; font-weight: 700;}
.tc-result-table td.tc-td-match{order: 2; margin-left: auto; text-align: right;
    background: var(--ca-bg); border-radius: 999px; padding: 1px 10px; font-weight: 700;}
.tc-result-table td.tc-td-nums{order: 3; flex-basis: 100%;}
.tc-result-table td.tc-td-prize{order: 4; flex-basis: 100%; font-size: 1.02rem;}
.tc-result-table td.tc-td-note{order: 3; flex-basis: 100%;}}
.pool-dash .pool-meta{color: var(--ca-text-soft); margin: 0 0 12px; font-size: .95rem;}
.pool-total{background: var(--ca-bg); border-radius: 8px; padding: 12px 14px; margin: 0 0 14px;}
.pool-total.is-win{border-left: 4px solid var(--ca-green);}
.pool-share{margin-top: 6px;}
.pool-share > label{font-weight: 700; display: block; margin-bottom: 6px;}
.pool-share-row{display: flex; flex-wrap: wrap; gap: 8px;}
.pool-share-row input{flex: 1 1 260px; min-width: 0; padding: 10px; min-height: 44px; font-size: .9rem;
  border: 1px solid var(--ca-border); border-radius: 8px; background: var(--ca-bg); color: var(--ca-text);}
.pool-split td.num,
.pool-split th.num,
.pool-ag-table td.num,
.pool-ag-table th.num{text-align: right; font-variant-numeric: tabular-nums;}
.pool-split tfoot th{border-top: 2px solid var(--ca-border); font-weight: 800;}
.pool-member{display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0 0 8px;}
.pool-member .pool-m-name{flex: 1 1 180px; width: auto;}
.pool-m-shares-lbl{display: inline-flex; align-items: center; gap: 6px; color: var(--ca-text-soft); font-weight: 600;}
.pool-m-shares{width: 68px; padding: 9px; min-height: 44px; text-align: center;
  border: 1px solid var(--ca-border); border-radius: 8px; background: var(--ca-surface); color: var(--ca-text); font-size: 1rem;}
.pool-agreement-head{display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; align-items: center;}
.pool-ag-line{margin: 8px 0 4px;}
.pool-ag-nums{margin: 4px 0 10px; padding-left: 22px; font-variant-numeric: tabular-nums;}
.pool-ag-table{margin: 4px 0 12px;}
@media print{.ca-breadcrumb,
.ca-answer,
.ca-faq,
.ca-related,
.pool-dash,
.tc-line-result,
.pool-split{display: none !important;}
.pool-agreement{border: 0 !important; box-shadow: none !important; padding: 0 !important;}}
.tc-ticket-save{border: 1px solid var(--ca-gold); background: var(--ca-gold-soft);
  border-radius: 8px; padding: 10px 14px; margin: 12px 0; font-size: .95rem;}
.tc-save-ticket{display: inline-block; background: none; border: 1px solid var(--ca-gold); border-radius: 999px;
  padding: 8px 14px; min-height: 40px; margin-top: 4px; cursor: pointer;
  font-size: .88rem; font-weight: 700; color: var(--ca-text);}
.tc-save-ticket:hover,
.tc-save-ticket.is-saved{background: var(--ca-surface); color: var(--ca-gold-text);}
.mn-inline{display: inline-flex; gap: 6px; align-items: center; margin-left: 6px;}
.mn-inline-input{border: 1px solid var(--ca-border); border-radius: 8px; padding: 7px 10px;
  font-size: .88rem; min-height: 36px; width: min(200px, 42vw);
  background: var(--ca-surface); color: var(--ca-text);}
.mn-inline-ok{background: var(--ca-red); color: #fff; border: 0; border-radius: 8px;
  padding: 7px 12px; min-height: 36px; font-weight: 700; font-size: .88rem; cursor: pointer;}
.mn-inline-cancel{background: none; border: 1px solid var(--ca-border); border-radius: 8px;
  padding: 7px 10px; min-height: 36px; cursor: pointer; color: var(--ca-text-soft);}
.mn-ticket{border-color: var(--ca-gold);}
.mn-progress{font-size: .92rem; margin: 6px 0 2px;}
.mn-alert{color: var(--ca-red); font-weight: 700; font-size: .92rem; margin: 4px 0;}
.mn-btn-primary{border-color: var(--ca-red); color: var(--ca-red); font-weight: 700;}
.ca-prov-chips{display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 6px 0 12px;}
.ca-prov-chips a{border: 1px solid var(--ca-border); border-radius: 999px; padding: 6px 14px;
  font-size: .88rem; font-weight: 600; color: var(--ca-text); min-height: 36px; display: inline-flex; align-items: center;}
.ca-prov-chips a:hover{border-color: var(--ca-red); color: var(--ca-red); text-decoration: none;}
.ca-prov-chips a.is-mine{border-color: var(--ca-gold); background: var(--ca-gold-soft);}
.mn-strip{display: none; align-items: center; gap: 10px; flex-wrap: wrap;
  background: var(--ca-surface); border: 1px solid var(--ca-gold); border-radius: var(--ca-radius);
  padding: 10px 14px; margin: 14px 0; font-size: .95rem;}
.mn-strip.show{display: flex;}
.mn-card{border: 1px solid var(--ca-border); border-radius: 8px; padding: 12px 14px; margin: 10px 0;}
.mn-card .mn-head{display: flex; flex-wrap: wrap; gap: 8px; align-items: baseline;}
.mn-card .mn-label{font-weight: 800;}
.mn-card .mn-game{color: var(--ca-text-soft); font-size: .88rem;}
.mn-nums{font-weight: 700; font-variant-numeric: tabular-nums; margin: 6px 0;}
.mn-actions{display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px;}
.mn-btn{background: none; border: 1px solid var(--ca-border); border-radius: 8px;
  padding: 8px 12px; min-height: 40px; cursor: pointer; font-size: .88rem; font-weight: 600; color: var(--ca-text);}
.mn-btn:hover{border-color: var(--ca-red); color: var(--ca-red);}
.ca-muted{color: var(--ca-text-soft);}
.ca-small{font-size: .88rem;}
.ca-grid-2{display: grid; grid-template-columns: 1fr 1fr; gap: 14px;}
.ca-btn{display: inline-block; background: var(--ca-red); color: #fff; font-weight: 700;
  padding: 9px 16px; border-radius: 8px; border: 0; cursor: pointer;}
.ca-btn:hover{background: var(--ca-red-dark); text-decoration: none;}
.ca-breadcrumb{font-size: .84rem; color: var(--ca-text-soft); margin: 10px 0 0;}
@media (max-width: 640px){.ca-ball{width: 38px; height: 38px; font-size: 1rem;}
.ca-grid-2{grid-template-columns: 1fr;}}
.ca-countdown:empty{display: none;}
.ca-money-cols > .ca-card{margin: 14px 0;}
@media (min-width: 900px){.ca-money-cols{display: grid; grid-template-columns: 1.4fr 1fr; gap: 14px; align-items: start; margin: 14px 0;}
.ca-money-cols > .ca-card{margin: 0;}}
.ca-next-draw .nd-when{font-size: 1.05rem; margin: 4px 0 8px;}
.ca-next-draw .nd-jackpot{margin: 6px 0 2px; font-size: 1.02rem;}
.ca-next-draw .nd-jackpot strong{color: var(--ca-red); font-size: 1.3rem;}
.ca-next-draw .nd-gold{color: var(--ca-gold-text);}
.ca-next-draw .nd-sub{color: var(--ca-text-soft); font-size: .92rem; margin: 2px 0;}
.ca-next-draw .nd-actions{display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 14px 0 0;}
.ca-next-draw .ca-countdown{font-size: .95rem; padding: 6px 12px;}
@media (max-width: 640px){.ca-ticker{grid-template-columns: 1fr 1fr; gap: 8px;}
.ca-ticker .item{padding: 10px 12px;}
.ca-ticker .amount{font-size: 1.15rem;}
.ca-ticker.kpi3{grid-template-columns: repeat(3, 1fr);}
.ca-ticker.kpi3 .label{font-size: .7rem; letter-spacing: 0;}
.ca-ticker.kpi3 .amount{font-size: 1rem;}}
@media (max-width: 400px){.ca-balls{gap: 6px;}}
.ca-table tr.ca-row-tonight td{background: var(--ca-gold-soft); font-weight: 600;}
.tc-claim{margin: 2px 0 10px;}
.mn-claim{margin-top: 4px; font-size: .9rem; color: var(--ca-text-soft);}
.mn-claim.is-soon{color: var(--ca-gold-text); font-weight: 600;}
.ca-copy{background: none; border: 1px solid var(--ca-border); border-radius: 8px;
  padding: 6px 12px; min-height: 36px; cursor: pointer;
  font-size: .84rem; font-weight: 600; color: var(--ca-text-soft); margin: 2px 0 6px;}
.ca-copy:hover{border-color: var(--ca-red); color: var(--ca-red);}
@media (max-width: 768px){.ca-prov-chips a{min-height: 44px;}
.ca-btn{min-height: 48px; display: inline-flex; align-items: center; justify-content: center;}
.tc-submit{width: 100%; font-size: 1.05rem;}
.ca-ball.sm{width: 38px; height: 38px; font-size: 1rem;}}
.ca-daily-digits{display: flex; gap: 10px; margin: 10px 0;}
.ca-daily-digits span{display: inline-flex; align-items: center; justify-content: center;
  width: 52px; height: 60px; border: 2px solid var(--ca-border); border-radius: 10px;
  background: var(--ca-surface, #fff); font-size: 1.7rem; font-weight: 800;
  font-variant-numeric: tabular-nums;}
@media (max-width: 480px){.ca-daily-digits{gap: 7px;}
.ca-daily-digits span{width: 44px; height: 52px; font-size: 1.4rem;}}
.ca-btn-ghost{background: var(--ca-bg); color: var(--ca-text); border: 1px solid var(--ca-text-soft);}
.ca-btn-ghost:hover{background: var(--ca-bg); border-color: var(--ca-red); color: var(--ca-red);}
.ca-answer-nums{font-weight: 800; font-size: 1.06em; letter-spacing: .01em;
  font-variant-numeric: tabular-nums; white-space: nowrap;}
.mn-wrap{display: flex; flex-direction: column;}
.mn-wrap > .mn-list-card{order: 1;}
.mn-wrap > .mn-add{order: 2;}
.mn-wrap.is-empty > .mn-add{order: 0;}
.mn-field{margin: 0 0 12px;}
.mn-field > label{display: block; font-weight: 600; font-size: .9rem; margin-bottom: 5px;}
.mn-field .tc-select{width: 100%; max-width: 340px;}
.tc-num[hidden]{display: none !important;}
.mn-error{margin: 0 0 10px; padding: 9px 12px; border-radius: 8px; font-size: .9rem;
  background: rgba(200, 16, 46, .08); border: 1px solid var(--ca-red); color: var(--ca-red);}
.ca-track{border: 1px solid var(--ca-border); border-left: 3px solid var(--ca-gold);
  border-radius: var(--ca-radius); background: var(--ca-surface);
  padding: 14px 16px; margin: 14px 0;}
.ca-track p{margin: 0 0 8px;}
.ca-track p:last-child{margin-bottom: 0;}
.ca-track .ca-track-t{font-weight: 700;}
/* Đồng bộ với thành phần mới (đặt CUỐI để thắng rule trích từ ca.css) */
.ca-answer{background:none;border:0;border-left:0;padding:0;box-shadow:none;font-size:1.06rem;line-height:1.6;max-width:64ch;margin:14px 0 4px;color:var(--ink)}
.ca-btn{min-height:44px;border-radius:10px;font-size:1rem}
.ca-btn:not(.ca-btn-ghost){color:var(--on-red)}
.ca-table th,.ca-table td{padding:10px 12px}
.ca-table a{display:inline-block;padding:4px 0;min-height:24px}
.tc-mode-opt input,.tc-mode input{width:24px;height:24px;flex:none}
.ca-small > a:only-child,p > a:only-child{display:inline-block;padding:8px 0}
.item .label{font-size:max(14px,.85rem)}
.tc-mode-opt:has(input:checked){color:var(--on-red)}
.tc-ocr-desc,.tc-ocr-status,.tc-td-note{font-size:max(14px,.9rem)}
.ca-breadcrumb,.ca-breadcrumb a{font-size:.92rem}
.ca-card legend,legend{font-size:.9rem}
.ca-small{font-size:max(14px,.9rem)}