/*! Calculator Theme v2.2 | 2025‑07‑08 | 450px card, fully responsive */
.calc-card{
  box-sizing:border-box;
  width:100%;                  /* fluid on mobile */
  max-width:450px;             /* caps at 450px on desktop */
  margin:2rem auto;
  padding:2rem;
  background:#fff;
  border:3px solid #000;
  border-radius:10px;
  box-shadow:0 10px 15px -3px rgba(0,0,0,.12),
             0  4px  6px -4px rgba(0,0,0,.08);
}
@media(max-width:500px){
  .calc-card{padding:1.5rem}
}

/* Typography */
.calc-card h1{
  margin:0 0 1.5rem;
  font-family:"Oswald",sans-serif;
  font-weight:700;
  font-size:clamp(1.5rem,4vw,1.75rem); /* scalable title */
  line-height:1.3;
  text-align:center;
  color:#000;
}

/* Inputs & selects */
.calc-card input,
.calc-card select{
  width:100%;
  padding:.75rem 1rem;
  margin-bottom:1.1rem;
  border:2px solid #000;
  border-radius:6px;
  font-size:1rem;
}

/* Button */
.calc-card button{
  display:block;
  width:100%;
  padding:.9rem 1rem;
  background:#2563eb;        /* blue‑600 */
  color:#fff;
  font-weight:700;
  border:0;
  border-radius:6px;
  cursor:pointer;
  transition:transform .05s ease;
}
.calc-card button:active{transform:translateY(1px)}

/* Result */
.calc-card #result,
.calc-card .calc-result{
  margin-top:1.3rem;
  font-size:1.2rem;
  font-weight:600;
  text-align:center;
  color:#15803d;
}