.bc-container {
    background-color: #ffe5e5;
    padding: 2rem;
    max-width: 600px;
    margin: 2rem auto;
    border-radius: 12px;
    font-family: Arial, sans-serif;
    color: #333;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.bc-title { font-size:1.8rem; font-weight:bold; margin-bottom:1.5rem; text-align:center; color:#b30000; }

.bc-tabs { display:flex; justify-content:center; margin-bottom:1rem; }
.bc-tab { padding:0.5rem 1rem; cursor:pointer; border-bottom:2px solid transparent; margin:0 0.5rem; font-weight:bold; color:#b30000; }
.bc-tab.active { border-bottom:2px solid #b30000; }

.bc-tab-content { display:none; }
.bc-tab-content.active { display:block; }

.bc-card { background-color:#fff0f0; padding:1.5rem; border-radius:10px; margin-bottom:1rem; box-shadow:0 2px 6px rgba(0,0,0,0.05); }

.bc-card label { display:block; margin-top:0.8rem; margin-bottom:0.3rem; font-weight:bold; }
.bc-card input, .bc-card select { width:100%; padding:0.5rem; border:1px solid #ccc; border-radius:6px; font-size:1rem; box-sizing:border-box; }

.bc-calc { background-color:#b30000; color:#fff; padding:0.7rem 1.2rem; border:none; border-radius:6px; cursor:pointer; font-size:1rem; margin-top:1rem; transition:0.2s; }
.bc-calc:hover { background-color:#e60000; }

.bc-result { margin-top:1rem; padding:1rem; background-color:#ffd6d6; border-radius:8px; font-size:1rem; line-height:1.5; }
.bc-result p { margin:0.4rem 0; }
.bc-result small { display:block; margin-top:0.8rem; color:#800000; font-size:0.9rem; }

@media (max-width:600px){ .bc-container{padding:1rem; margin:1rem;} .bc-tab{font-size:0.9rem;padding:0.4rem 0.8rem;} }