/* =========================================================
   IWAN GOU LOOZE — calculator components
   ========================================================= */
.calculator-page{--calc-line:rgba(20,150,245,.30);--calc-panel:#05223c;--calc-field:#062746}
.calculator-page .page{padding-top:28px}
.calculator-intro{margin-bottom:22px}
.calculator-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.82fr);gap:18px;align-items:start}
.calculator-card{padding:20px}
.calculator-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:17px}
.calculator-kicker{display:block;color:#79ccff;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:850}
.calculator-card h3{margin:2px 0 0;font-size:23px}
.calculator-reset{height:34px;padding:0 11px;border:1px solid #1b679d;border-radius:7px;background:#05223c;color:#dcecf8;cursor:pointer}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.field{display:flex;flex-direction:column;gap:5px}
.field--wide{grid-column:1/-1}
.field__label{font-size:13px;font-weight:760;color:#f4f9fd}
.field__help{min-height:30px;font-size:11px;line-height:1.35;color:#8caec6}
.field input,.field select{width:100%;height:44px;padding:8px 10px;background:#062746;color:#f4fbff;border:1px solid #176da7;border-radius:8px;outline:none}
.field input:focus,.field select:focus{border-color:#1496f5;box-shadow:0 0 0 3px rgba(20,150,245,.12)}
.input-combo{display:grid;grid-template-columns:1fr 120px;gap:7px}
.calculator-primary{width:100%;height:46px;margin-top:18px;border:1px solid #27e37b;border-radius:9px;background:linear-gradient(180deg,#19d36f,#0eaa55);color:#fff;font-weight:850;cursor:pointer}
.result-hero{min-height:174px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;border:1px solid var(--calc-line);border-radius:12px;background:radial-gradient(circle at 50% 30%,rgba(20,150,245,.17),transparent 55%),#041d34}
.result-hero__label{color:#97bad4;font-size:12px}
.result-hero strong{margin:6px 0 0;color:#fff;font-size:clamp(38px,6vw,65px);line-height:1;letter-spacing:-.035em}
.result-hero__unit{margin-top:7px;color:#7fcaff;font-size:12px;font-weight:720}
.result-list{display:grid;gap:1px;margin-top:13px;overflow:hidden;border:1px solid var(--calc-line);border-radius:10px;background:var(--calc-line)}
.result-list>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 12px;background:#05223c}
.result-list span{color:#9ab8cd;font-size:12px}.result-list strong{color:#fff;font-size:13px;text-align:right}
.calculator-advice{margin-top:13px;padding:12px;border-left:3px solid #1496f5;border-radius:0 9px 9px 0;background:rgba(20,150,245,.08);color:#c7dcea;font-size:12px}
.quick-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
.quick-pill{height:32px;padding:0 10px;border:1px solid #1a679d;border-radius:999px;background:#05223c;color:#dcecf8;cursor:pointer}
.quick-pill:hover{background:#07385e}
.calculator-info{margin-top:19px}.calculator-info h3{margin-top:0}
.formula{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#031b31;border:1px solid var(--calc-line);border-radius:8px;padding:10px;color:#c9e6fa;font-size:12px;overflow:auto}
.notice{padding:12px;border:1px solid rgba(238,190,54,.30);border-radius:9px;background:rgba(238,190,54,.07);color:#dbcfa4;font-size:12px}
@media(max-width:820px){.calculator-layout{grid-template-columns:1fr}.field-grid{grid-template-columns:1fr}.field--wide{grid-column:auto}.field__help{min-height:0}.input-combo{grid-template-columns:1fr 105px}}