.mt-tables { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; margin-top: 14px; }
.mt-card { border: 1px solid var(--line); border-radius: 12px; padding: 10px 14px; background: #fff; font-variant-numeric: tabular-nums; }
.mt-card h3 { margin: 0 0 6px; font-size: 1rem; color: var(--brand, #0260A2); }
.mt-card div { display: flex; justify-content: space-between; padding: 2px 0; border-bottom: 1px dashed #edf0f3; font-size: .95rem; }
.mt-chart { grid-column: 1 / -1; overflow-x: auto; }
.mt-chart table { border-collapse: collapse; font-variant-numeric: tabular-nums; }
.mt-chart td, .mt-chart th { border: 1px solid var(--line); padding: 5px 8px; text-align: center; min-width: 34px; }
.mt-chart th { background: var(--brand-50, #eaf2f9); color: var(--brand, #0260A2); }
.mt-quiz { margin-top: 14px; padding: 12px 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg-soft); }
.mt-qrow { display: flex; gap: 8px; max-width: 280px; }