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

/* Form */
.bct-form { display:grid; gap:.6rem; margin-bottom:1rem; }
.bct-label { font-weight:600; }
.bct-input { padding:.6rem; border-radius:8px; border:1px solid #ddd; width:100%; }
.bct-button { padding:.7rem 1rem; border:0; background:#0a7cff; color:#fff; border-radius:8px; cursor:pointer; }
.bct-button:hover { background:#065ad8; }
.bct-help { font-size:.9rem; color:#666; margin:0; }

/* Options */
.bct-options { display:flex; gap:1rem; flex-wrap:wrap; align-items:center; font-size:.95rem; }

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

/* Tables */
.bct-table-wrap { overflow-x:auto; margin-top:.6rem; }
.bct-table { width:100%; border-collapse:collapse; font-size:.95rem; }
.bct-table th, .bct-table td { border:1px solid #e8edf2; padding:.6rem; text-align:left; vertical-align:top; }
.bct-table th { background:#fafafa; font-weight:700; }
.bct-subheading { margin:1rem 0 .4rem; font-size:1.05rem; }

/* Article */
.bct-article { margin-top:1.2rem; line-height:1.6; color:#222; }
.bct-article h2 { font-size:1.15rem; margin:.6rem 0; }
.bct-article h3 { font-size:1rem; margin:.6rem 0 .3rem; }

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