/* DIGITALMINT V4.1 — accessibility and clarity layer.
   Keep base.css / experience.css / enquiry.css unchanged to make review diffs small.
   Overrides apply only where the prior site showed tiny or low-contrast text. */

/* Financial product explanations must remain legible on projected and mobile screens. */
.account-currencies span { color: #365a74; font-size: .78rem; }
.account-currencies small { color: #49667a; font-size: .76rem; }
.account-table .table-head { color: #496579; font-size: .76rem; letter-spacing: .03em; }
.account-table > div:not(:first-child) { color: #34516a; }
.account-table b { color: #46657c; font-size: .76rem; }
.flow-detail { color: #4c657b; font-size: .79rem; line-height: 1.5; }
.flow-caption { color: #49667b; font-size: .81rem; line-height: 1.6; }
.form-footnote { color: #435e73; font-size: .83rem; line-height: 1.65; }
.form-cap span:last-child { color: #45667f; font-size: .73rem; }
.checkbox-line { color: #40596e; font-size: .84rem; }
.locations-grid p { color: #46657a; font-size: .9rem; line-height: 1.6; }
.account-currencies > div { overflow-wrap: anywhere; }

/* Internal ledger/status entries are *not* financial movement nodes. */
.flow-ledger-note {
  margin: 16px 0 0;
  padding: 12px 14px;
  border-left: 3px solid #2b7db7;
  background: #ecf5fb;
  color: #264e69;
  border-radius: 0 7px 7px 0;
  font-size: .84rem;
  line-height: 1.62;
}

/* Keyboard focus must be visible for all interactive components. */
.code-tab:focus-visible,
.solution-tab:focus-visible,
.industry-selector:focus-visible,
.flow-button:focus-visible,
.btn:focus-visible,
.menu-toggle:focus-visible,
.enquiry-form :is(input, select, textarea, button):focus-visible {
  outline: 3px solid #1a74bf;
  outline-offset: 3px;
}
[hidden] { display: none !important; }

@media (max-width: 780px) {
  .flow-detail { font-size: .78rem; }
  .account-currencies span, .account-currencies small { font-size: .75rem; }
}
@media (max-width: 540px) {
  .account-currencies span, .account-currencies small { font-size: .73rem; }
  .account-table > div:not(:first-child) { font-size: .78rem; }
  .account-table b { font-size: .74rem; }
  .dashboard-caption span { font-size: .75rem; color: #405e73; }
  .dashboard-float small { font-size: .72rem; }
  .balance-grid em { font-size: .72rem; color: #577185; }
  .flow-detail { font-size: .77rem; }
  .flow-caption { font-size: .79rem; }
  .hero-micro span { font-size: .77rem; }
  .form-footnote { font-size: .82rem; }
  .form-cap span:last-child { font-size: .72rem; }
  .checkbox-line { font-size: .86rem; }
  .role-card span { font-size: .62rem; line-height: 1.4; }
  .role-card b { font-size: .74rem; }
  .role-map .role-center span { font-size: .68rem; }
  .flow-ledger-note { font-size: .8rem; }
}
