/* Card */
.bx .card {
  background: white;
  border: 1px solid var(--bx-line);
  border-radius: var(--bx-r-lg);
  overflow: hidden;
  box-shadow: var(--bx-shadow-soft);
}
.bx-dark .card {
  background: var(--bido-dark);
  border-color: var(--bx-line);
}
/* A .card inside a .bx-light-surface island is still a descendant of the
   page .bx-dark, so .bx-dark .card above would paint it dark. Restore the
   light surface — placed after, equal specificity, so the island wins. */
.bx-light-surface .card {
  background: white;
  border-color: var(--bx-line);
}
.bx .card-flat {
  background: var(--bx-paper-2);
  border: 1px solid var(--bx-line);
  border-radius: var(--bx-r-lg);
}
.bx-dark .card-flat { background: var(--bido-charcoal); }
.bx-light-surface .card-flat { background: var(--bx-paper-2); }

.bx hr.bx-hr { border: 0; border-top: 1px solid var(--bx-line); margin: 0; }