/* ==========================================================================
   calculator.css : wrapper page that frames an untouched calculator (iframe)
   ========================================================================== */

.calc-main{
  flex:1;
  padding-top:clamp(20px,3vw,40px);
  padding-bottom:clamp(32px,5vw,64px);
}

/* small title strip above the tool */
.calc-head{margin-bottom:clamp(16px,2vw,26px)}
.calc-head__eyebrow{
  font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--accent);
}
.calc-head h1{
  font-family:Anton,Inter,sans-serif;font-weight:400;
  font-size:clamp(28px,3.4vw,44px);line-height:1.05;letter-spacing:.01em;
  text-transform:uppercase;margin:8px 0 0;
}

/* the frame that holds the original calculator, centered */
.calc-frame{
  width:100%;
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-sm);
  overflow:hidden;
}
.calc-frame iframe{
  display:block;
  width:100%;
  min-height:760px;            /* JS-off / pre-measure fallback */
  height:760px;
  border:0;
  background:var(--panel);
}
@media(max-width:640px){
  .calc-frame{border-radius:var(--radius)}
  .calc-frame iframe{min-height:900px}
}