.at-calculator-card {
  display: block;
  max-width: 900px;
  margin-inline: auto;
  padding: 34px 48px 30px;
}
.at-fields-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 28px;
  margin-bottom: 22px;
}
.at-field { display: flex; flex-direction: column; min-width: 0; }
.at-field label { margin: 0 0 8px; font-size: 13px; font-weight: 700; }
.at-field input,
.at-field select {
  width: 100%;
  height: 44px;
  padding: 0 14px;
  border: 1px solid #d6dae1;
  border-radius: 4px;
  color: var(--text);
  background: #fff;
  outline: none;
  transition: border-color .2s, box-shadow .2s;
}
.at-field input:focus,
.at-field select:focus { border-color: var(--yellow); box-shadow: 0 0 0 3px rgba(255,189,0,.16); }
.at-field input.invalid,
.at-field select.invalid { border-color: #d42a2a; box-shadow: 0 0 0 3px rgba(212,42,42,.1); }
.at-calculator-card .calculate-button { width: 100%; }
.at-result-summary {
  max-width: 760px;
  margin: -4px auto 18px;
  padding: 12px 18px;
  border: 1px solid #e1e4e9;
  border-radius: 8px;
  color: #4e555f;
  background: #f7f8fa;
  text-align: center;
  font-size: 13px;
}
.at-result-grid.at-cols-3 { grid-template-columns: repeat(3, 1fr); max-width: 760px; margin-inline: auto; }
.at-result-grid .result-card { min-height: 150px; }
.at-result-grid .percent-icon { font-size: 22px; }
.at-result-grid .result-card p strong { font-size: 20px; }
@media (max-width: 720px) {
  .at-calculator-card { padding: 24px 22px 22px; }
  .at-fields-grid { grid-template-columns: 1fr; gap: 16px; }
  .at-result-grid.at-cols-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 500px) {
  .at-result-grid.at-cols-3,
  .at-result-grid.at-cols-5 { display: flex; }
}