/* ==========================================================================
   Simple Calculator Tools — Calculator Card Refresh (site-wide)
   Narrower/lighter/rounded calculator card + rounded corners across the
   rest of the center section, on every Gold Template v5 calculator page.

   This is a shared file so future tweaks only need to happen in one place.
   Selectors are written to beat this site's existing square-corner/dark-
   theme rules regardless of which category a page belongs to - link this
   file LAST in <head> (after premium-v81.css and phase1-auto.css).
   ========================================================================== */

/* --- The calculator card itself: fixed width, light theme, rounded --- */
body.sct-calculator-page.sct-v81 .template-calculator-card{
  width:600px!important;
  max-width:100%!important;
  margin:0 auto!important;
  background:linear-gradient(145deg,#ffffff,#f5f8fc)!important;
  color:#14263d!important;
  border:1px solid #dfe5ec!important;
  border-radius:14px!important;
  box-shadow:0 12px 30px rgba(16,33,63,.10)!important;
}
body.sct-calculator-page.sct-v81 .template-calculator-card .calc-card-head h2{
  color:#14263d!important;
  -webkit-text-fill-color:#14263d!important;
}
body.sct-calculator-page.sct-v81 .template-calculator-card .calc-card-head p{
  color:#5b6b85!important;
}
body.sct-calculator-page.sct-v81 .template-calculator-card .field>label,
body.sct-calculator-page.sct-v81 .template-calculator-card label.field>span,
body.sct-calculator-page.sct-v81 .template-calculator-card .field label{
  color:#14263d!important;
}
body.sct-calculator-page.sct-v81 .template-calculator-card .field input,
body.sct-calculator-page.sct-v81 .template-calculator-card .field select{
  background:#fff!important;
  color:#14263d!important;
  border:1px solid #c9d7ea!important;
  border-radius:8px!important;
}
body.sct-calculator-page.sct-v81 .template-calculator-card .field input:focus,
body.sct-calculator-page.sct-v81 .template-calculator-card .field select:focus{
  border-color:#1769ff!important;
  box-shadow:0 0 0 3px rgba(23,105,255,.15)!important;
}
body.sct-calculator-page.sct-v81 .template-calculator-card .btn{border-radius:8px!important}
body.sct-calculator-page.sct-v81 .template-calculator-card .btn:not(.btn-primary){
  background:#eef3f9!important;
  color:#14263d!important;
  border:1px solid #d7e0ee!important;
}
body.sct-calculator-page.sct-v81 .template-calculator-card .result-panel{
  background:#eff6ff!important;
  border:1px solid #bfdbfe!important;
  border-radius:12px!important;
  color:#14263d!important;
}
body.sct-calculator-page.sct-v81 .template-calculator-card .result-panel h3{color:#1769aa!important}
body.sct-calculator-page.sct-v81 .template-calculator-card .result-value{color:#1769ff!important}

/* --- Rest of the center section: same rounded-corner fix, kept full width --- */
body.sct-calculator-page.sct-v81 .template-calculator-main .content-card,
body.sct-calculator-page.sct-v81 .appliance-highlight,
body.sct-calculator-page.sct-v81 .sct-smart-guide{
  border-radius:18px!important;
}
body.sct-calculator-page.sct-v81 .sct-smart-guide{
  overflow:hidden!important;
}
body.sct-calculator-page.sct-v81 .details{
  border-radius:13px!important;
}
body.sct-calculator-page.sct-v81 .notice{
  border-radius:8px!important;
}
body.sct-calculator-page.sct-v81 .share-btn{
  border-radius:9px!important;
}
body.sct-calculator-page.sct-v81 .smart-guide-icon{
  border-radius:10px!important;
}
body.sct-calculator-page.sct-v81 .smart-guide-status{
  border-radius:20px!important;
}
body.sct-calculator-page.sct-v81 .smart-guide-action{
  border-radius:10px!important;
}

.template-calculator-main > .content-card,
.template-calculator-main > .share-toolbar,
.appliance-highlight,
.sct-smart-guide,
.sct-content-engine{
  width:600px!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}


/* --- Match every box below the calculator to the calculator card's own
   width (600px, centered), instead of stretching edge-to-edge. Keeps the
   "How this calculator works" card, Quick Insight, Smart Guide, and the
   Finance Guide/FAQ/related section all the same size and alignment as
   the calculator itself. --- */
body.sct-calculator-page.sct-v81 .template-calculator-main > .content-card,
body.sct-calculator-page.sct-v81 .template-calculator-main > .appliance-highlight,
body.sct-calculator-page.sct-v81 .template-calculator-main > .sct-smart-guide,
body.sct-calculator-page.sct-v81 .template-calculator-main > .sct-content-engine{
  width:600px!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}