body.blue #calculator { background: rgb(245, 245, 240); padding: 100px 0px; color: rgb(22, 58, 118); }
body.blue #calculator .calc-layout { display: block; }
body.blue #calculator .section-intro { text-align: center; max-width: 1000px; margin: 0px auto 55px; }
body.blue #calculator .section-intro h2 { font-size: var(--type-section-title); line-height: 1.1; letter-spacing: -0.05em; font-weight: 450; color: rgb(23, 62, 144); margin: 0px 0px 25px; }
body.blue #calculator .section-intro > p { font-size: 18px; line-height: 1.65; color: rgb(100, 123, 158); max-width: 740px; margin: 0px auto; }
body.blue #calculator .calc-workspace { display: grid; grid-template-columns: minmax(0px, 0.95fr) minmax(0px, 1.25fr) minmax(0px, 1fr); gap: 24px; align-items: stretch; }
body.blue #calculator .calculator-panel { min-width: 0px; margin: 0px; padding: 30px; background: rgb(255, 255, 255); border: 1px solid rgb(220, 227, 238); border-radius: 20px; box-shadow: none; }
body.blue #calculator .calculator-panel::before, body.blue #calculator .calculator-panel::after { display: none; }
body.blue #calculator .calc-input-panel { display: flex; flex-direction: column; gap: 22px; }
body.blue #calculator .calc-input-panel > label { display: flex; flex-direction: column; gap: 10px; font-size: 13px; font-weight: 550; line-height: 1.4; color: rgb(75, 96, 128); margin: 0px; }
body.blue #calculator select, body.blue #calculator input { width: 100%; min-width: 0px; min-height: 56px; margin: 0px; border: 1px solid rgb(205, 216, 233); border-radius: 12px; background-color: rgb(255, 255, 255); color: rgb(25, 55, 94); font-family: inherit; font-size: 16px; line-height: 1.3; padding: 15px 17px; box-shadow: none; }
body.blue #calculator select { padding-right: 36px; }
body.blue #calculator input:focus, body.blue #calculator select:focus { outline: rgb(0, 72, 228) solid 2px; outline-offset: 2px; }
body.blue #calculator .amount-wrap { display: flex; position: relative; min-width: 0px; margin: 0px; padding: 0px; border: 0px; border-radius: 0px; background: none; align-items: center; }
body.blue #calculator .amount-wrap input { font-size: 23px; font-weight: 600; letter-spacing: -0.025em; padding-right: 60px; min-height: 68px; }
body.blue #calculator .amount-wrap > span { position: absolute; right: 17px; font-size: 12px; color: rgb(114, 134, 163); pointer-events: none; }
body.blue #calculator input::placeholder { font-size: 15px; font-weight: 400; color: rgb(150, 164, 185); letter-spacing: 0px; }
body.blue #calculator .field-error { margin: -10px 0px 0px; min-height: 0px; font-size: 12px; color: rgb(187, 63, 67); }
body.blue #calculator .field-error:empty { display: none; }
body.blue #calculator .calc-input-hint { font-size: 13px; line-height: 1.7; color: rgb(122, 140, 167); margin: 0px; max-width: none; }
body.blue #calculator .calculator-panel h3 { font-size: 23px; font-weight: 550; line-height: 1.25; letter-spacing: -0.03em; margin: 0px 0px 22px; color: rgb(23, 55, 95); }
body.blue #calculator .calc-breakdown { margin: 0px 0px 20px; }
body.blue #calculator .calc-breakdown > div { display: flex; justify-content: space-between; gap: 16px; align-items: baseline; padding: 14px 0px; border-bottom: 1px solid rgb(231, 237, 245); font-size: 13px; line-height: 1.5; }
body.blue #calculator .calc-breakdown dt { color: rgb(122, 138, 163); }
body.blue #calculator .calc-breakdown dd { margin: 0px; text-align: right; color: rgb(32, 59, 96); font-weight: 550; max-width: 60%; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
body.blue #calculator .calc-breakdown .calc-included { color: rgb(23, 132, 86); }
body.blue #calculator .calc-total { background: rgb(243, 246, 250); border-radius: 15px; padding: 22px; margin-bottom: 20px; }
body.blue #calculator .calc-total > span { display: block; font-size: 13px; color: rgb(122, 138, 163); margin-bottom: 12px; }
body.blue #calculator .calc-total > strong { display: block; font-size: clamp(22px, 2vw, 30px); font-weight: 550; letter-spacing: -0.035em; line-height: 1.2; color: rgb(23, 55, 95); }
body.blue #calculator .calc-total > small { display: block; font-size: 11px; line-height: 1.5; color: rgb(122, 138, 163); margin-top: 12px; }
body.blue #calculator .calculator-disclaimer { font-size: 12px; line-height: 1.7; color: rgb(122, 140, 167); display: block; margin: 16px 0px 0px; }
body.blue #calculator .calc-info-panel { background: rgb(234, 240, 255); border-color: rgb(214, 225, 255); }
body.blue #calculator .calc-info-icon { width: 54px; height: 54px; background: rgb(255, 255, 255); border-radius: 15px; display: grid; place-items: center; color: rgb(0, 72, 228); margin-bottom: 27px; }
body.blue #calculator .calc-info-icon svg { width: 25px; height: 25px; }
body.blue #calculator .calc-info-panel p { font-size: 15px; line-height: 1.75; color: rgb(96, 117, 149); margin: 0px 0px 18px; max-width: none; }
body.blue #calculator .calc-info-panel p:last-child { margin-bottom: 0px; }
body.blue #calculator .calc-result { font-size: 12px; line-height: 1.6; margin-top: 16px; background: none; border: 0px; padding: 0px; color: rgb(0, 72, 228); }
@media (min-width: 1500px) {
  body.blue #calculator .calculator-panel { padding: 36px; }
  body.blue #calculator .calc-workspace { gap: 30px; }
  body.blue #calculator .calc-breakdown > div { font-size: 15px; }
  body.blue #calculator .calc-info-panel p { font-size: 17px; }
}
@media (max-width: 1050px) {
  body.blue #calculator .calc-workspace { grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.25fr); }
  body.blue #calculator .calc-info-panel { grid-column: 1 / -1; display: grid; grid-template-columns: 54px 1fr; gap: 0px 24px; }
  body.blue #calculator .calc-info-icon { grid-row: 1 / 4; margin: 0px; }
  body.blue #calculator .calc-info-panel h3 { margin-bottom: 15px; }
  body.blue #calculator .calc-info-panel p { grid-column: 2; }
}
@media (max-width: 700px) {
  body.blue #calculator { padding: 65px 0px; }
  body.blue #calculator .section-intro { margin-bottom: 30px; }
  body.blue #calculator .section-intro h2 { font-size: 34px; margin-bottom: 18px; }
  body.blue #calculator .section-intro > p { font-size: 14px; line-height: 1.7; }
  body.blue #calculator .section-intro > p br { display: none; }
  body.blue #calculator .calc-workspace { display: grid; grid-template-columns: minmax(0px, 1fr); gap: 18px; }
  body.blue #calculator .calculator-panel { padding: 24px 20px; border-radius: 17px; }
  body.blue #calculator .calc-input-panel { gap: 20px; }
  body.blue #calculator .calc-info-panel { grid-column: auto; display: block; }
  body.blue #calculator .calc-info-icon { margin-bottom: 22px; }
  body.blue #calculator .calculator-panel h3 { font-size: 22px; }
  body.blue #calculator .calc-total > strong { font-size: 27px; }
  body.blue #calculator .calc-info-panel p { font-size: 14px; }
  body.blue #calculator .calc-breakdown > div { font-size: 12px; gap: 12px; }
  body.blue #calculator .amount-wrap input { font-size: 22px; }
  body.blue #calculator .calc-total { padding: 20px; }
}

/* One compact calculator card on mobile, with the result immediately after input. */
body.blue #calculator .calc-details>summary,body.blue #calculator .calc-info-details>summary{display:none}
@media(max-width:700px){
 body.blue #calculator{padding:44px 0}
 body.blue #calculator .section-intro{margin-bottom:22px}
 body.blue #calculator .section-intro h2{font-size:30px;margin-bottom:12px}
 body.blue #calculator .section-intro>p{font-size:13px;line-height:1.5}
 body.blue #calculator .calc-workspace{gap:0}
 body.blue #calculator .calc-input-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 12px;padding:18px 16px 14px;border-radius:17px 17px 0 0;border-bottom:0}
 body.blue #calculator .calc-input-panel>label{font-size:11px;gap:7px;min-width:0}
 body.blue #calculator .calc-input-panel>label:nth-of-type(3),body.blue #calculator .field-error{grid-column:1/-1}
 body.blue #calculator select{min-height:46px;padding:11px 26px 11px 12px;font-size:16px}
 body.blue #calculator .amount-wrap input{min-height:54px;font-size:22px;padding:12px 55px 12px 13px}
 body.blue #calculator .calc-input-hint{display:none}
 body.blue #calculator .calc-summary-panel{display:flex;flex-direction:column;gap:12px;padding:0 16px 8px;border-top:0;border-radius:0 0 17px 17px}
 body.blue #calculator .calc-summary-panel>h3{display:none}
 body.blue #calculator .calc-total{order:0;margin:0;padding:13px 14px;border-radius:11px}
 body.blue #calculator .calc-total>span{font-size:11px;margin-bottom:5px}
 body.blue #calculator .calc-total>strong{font-size:21px}
 body.blue #calculator .calc-total>small{font-size:10px;margin-top:5px}
 body.blue #calculator #calc-submit{order:1}
 body.blue #calculator #calc-result{order:2;margin:0}
 body.blue #calculator .calculator-disclaimer{display:none}
 body.blue #calculator .calc-details{order:3;border-top:1px solid #e7edf5}
 body.blue #calculator .calc-details>summary,body.blue #calculator .calc-info-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;font-size:12px;line-height:1.4;cursor:pointer;list-style:none;color:#173e90}
 body.blue #calculator details>summary::-webkit-details-marker{display:none}
 body.blue #calculator details>summary:after{content:'+';font-size:20px;font-weight:400}
 body.blue #calculator details[open]>summary:after{content:'−'}
 body.blue #calculator .calc-breakdown{margin:0 0 8px}
 body.blue #calculator .calc-breakdown>div{font-size:11px;padding:9px 0}
 body.blue #calculator .calc-info-panel{display:block;padding:0 16px;border-radius:13px;margin-top:12px;background:#eaf0ff}
 body.blue #calculator .calc-info-icon,body.blue #calculator .calc-info-panel>h3{display:none}
 body.blue #calculator .calc-info-panel p{font-size:12px;line-height:1.65;margin-bottom:12px}
 body.blue #calculator .calc-info-details>div{padding:0 0 15px}
}

@media(max-width:700px){body.blue #calculator .amount-wrap input{height:54px;min-height:54px!important;font-size:22px!important;padding-right:55px!important}}