.dc-calculator {
  max-width: 720px;
  margin: 12px auto;
  font-family: Arial, sans-serif;
  background: #fff;
  border: 1px solid #ddd;
  padding: 16px;
  border-radius: 6px;
}
.dc-calculator h2 { margin-top: 0; color: #1a73e8; font-size: 18px; }
.dc-block { padding: 8px 0 16px 0; }
.dc-block label { display: inline-block; margin-right: 12px; margin-bottom: 8px; font-size: 14px; }
.dc-block input[type="date"],
.dc-block input[type="number"],
.dc-block select { padding: 6px 8px; margin-top: 4px; border: 1px solid #ccc; border-radius: 4px; }
.dc-addsub-row { display: flex; gap: 8px; align-items: center; margin: 8px 0; flex-wrap: wrap; }
.dc-btn { background: #2e8b57; color: #fff; padding: 8px 12px; border: none; border-radius: 4px; cursor: pointer; }
.dc-btn:hover { opacity: 0.95; }
.dc-result { margin-top: 12px; padding: 8px; background: #f7f7f7; border-radius: 4px; border: 1px solid #e7e7e7; min-height: 36px; }
.dc-inline { display: inline-block; margin-left: 8px; font-size: 13px; }
@media (max-width: 520px) {
  .dc-addsub-row { flex-direction: column; align-items: stretch; }
}