.champ-calc-container { max-width: 720px; padding: 16px; border: 1px solid #eee; border-radius: 12px; }
.champ-calc-container .form { display: grid; grid-template-columns: 120px 1fr; gap: 8px 12px; align-items: center; }
.champ-calc-container input { padding: 6px 8px; border: 1px solid #ccc; border-radius: 8px; }
.champ-calc-container button { margin-top: 8px; grid-column: 1 / span 2; padding: 8px 12px; border-radius: 8px; border: 1px solid #bbb; background: #fafafa; cursor: pointer; }
.champ-calc-container .result { margin-top: 12px; font-weight: 600; }