/* Container */
.bmt-wrapper { max-width: 980px; margin: 0 auto; padding: 1rem; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial; color:#111; }
.bmt-h1 { font-size:1.6rem; margin:.2rem 0; }
.bmt-h2 { color:#444; margin: .2rem 0 1rem; }

/* Form */
.bmt-form { display:grid; gap:.6rem; margin-bottom:1rem; }
.bmt-label { font-weight:600; display:block; margin-bottom:.25rem; }
.bmt-input, .bmt-select { padding:.6rem; border-radius:8px; border:1px solid #ddd; width:100%; box-sizing:border-box; }
.bmt-buttons { display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; }
.bmt-button { padding:.6rem 1rem; border:0; background:#0a7cff; color:#fff; border-radius:8px; cursor:pointer; }
.bmt-button.bmt-reset { background:#6b7280; }
.bmt-button:hover { filter:brightness(.95); }
.bmt-help { font-size:.9rem; color:#666; margin:0; }

/* Summary & messages */
.bmt-summary { background:#f6f8fa; border:1px solid #e6e9ee; padding:.8rem; border-radius:8px; margin-bottom:1rem; }
.bmt-placeholder, .bmt-loading, .bmt-no-data, .bmt-error { padding:.8rem; border-radius:8px; border:1px dashed #d1d5db; background:#f9fafb; }
.bmt-error { background:#fff5f5; border-color:#f5c6cb; color:#7a2222; }

/* Table */
.bmt-table-wrap { overflow-x:auto; margin-top:.6rem; }
.bmt-table { width:100%; border-collapse:collapse; font-size:.95rem; }
.bmt-table th, .bmt-table td { border:1px solid #e8edf2; padding:.6rem; text-align:left; vertical-align:top; }
.bmt-table th { background:#fafafa; font-weight:700; }
.bmt-code { background:#f5f7fa; padding:.5rem; border-radius:6px; display:block; white-space:pre-wrap; font-family:monospace; font-size:.9rem; }
.bmt-subheading { margin:1rem 0 .4rem; font-size:1.05rem; }

/* Article */
.bmt-article { margin-top:1.2rem; line-height:1.6; color:#222; }
.bmt-article h2 { font-size:1.15rem; margin:.6rem 0; }
.bmt-article p { margin:.4rem 0; }

/* Responsive */
@media (max-width:720px) {
  .bmt-buttons { flex-direction:column; align-items:stretch; }
  .bmt-button { width:100%; }
  .bmt-table th, .bmt-table td { white-space:normal; }
}