.ebmi-widget{max-width:800px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
.ebmi-header{text-align:center;margin-bottom:2rem}
.ebmi-title{color:#1f2937;font-size:2rem;line-height:1.2;margin:0 0 .5rem;font-weight:700}
.ebmi-subtitle{color:#6b7280;font-size:1rem;margin:0 auto;max-width:640px}

.ebmi-card{background:#fff;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.08);padding:1.5rem;margin-bottom:1.5rem;}
.ebmi-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.ebmi-field{}
.ebmi-label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem}
.ebmi-input{width:100%;padding:.75rem;border:2px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .2s;}
.ebmi-input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}

.ebmi-unit-toggle { display: flex; margin-bottom: 1.5rem; background-color: #f3f4f6; border-radius: 8px; padding: 0.25rem; }
.ebmi-unit-btn { flex: 1; padding: 0.75rem 0.5rem; border: none; background-color: transparent; border-radius: 6px; font-weight: 600; cursor: pointer; transition: all .2s; }
.ebmi-unit-btn.active { background-color: #ef4444; color: #fff; }

.ebmi-results{background:#fee2e2;border-radius:12px;padding:1rem;text-align:center; margin-top: 1.5rem;}
.ebmi-results-value{font-size:2.5rem;font-weight:700;color:#dc2626;margin-bottom:.25rem}
.ebmi-results-category{font-size:1.25rem;font-weight:600;}
.ebmi-results-range{color:#6b7280;font-size:.875rem; margin-top: 0.5rem;}

.ebmi-section-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 1rem}
.ebmi-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}
.ebmi-category-item{padding:1rem;border-radius:8px; text-align: center;}
.ebmi-category-item strong { display: block; font-weight: 600; }
.ebmi-cat-blue{background:#dbeafe;color:#1e40af}
.ebmi-cat-green{background:#d1fae5;color:#065f46}
.ebmi-cat-yellow{background:#fef3c7;color:#92400e}
.ebmi-cat-red{background:#fee2e2;color:#991b1b}

.ebmi-content{color:#374151;line-height:1.7;font-size:1rem}
.ebmi-content p{margin:.75rem 0}

@media (max-width:768px){
  .ebmi-grid{grid-template-columns:1fr}
  .ebmi-widget{padding:0 1rem}
}