/* ==========================================================================
   MIRDXB PRO — free calculators
   ========================================================================== */

.mdx-tool{--ind:#080047;--mag:#E40D75;--mag-dk:#B70B6A;--teal:#06D7BB;--ink:#353B45;--grey:#63727F;--grey6:#869CAF;--canvas:#F2F6FB;--cool:#ECF3F7;--line:#CDDBE6;--sep:#A7BBCE;max-width:760px;margin:0 auto 8px}
.mdx-tool *{box-sizing:border-box}

.mdx-tool .panel{background:var(--canvas);border:1px solid var(--line);border-top:3px solid var(--mag);padding:32px 34px}
.mdx-tool .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.mdx-tool .full{grid-column:1/-1}

.mdx-tool label{display:block;font:700 11px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--grey);margin:0 0 8px}
.mdx-tool .hint{display:block;font:400 12px/1.5 Inter,sans-serif;letter-spacing:0;text-transform:none;color:var(--grey6);margin-top:6px;font-weight:400}
.mdx-tool input[type=number],.mdx-tool input[type=date],.mdx-tool select{width:100%;height:50px;padding:0 14px;border:1px solid var(--line);border-radius:0;background:#fff;font:400 16px/1 Inter,sans-serif;color:var(--ind);appearance:none;-webkit-appearance:none}
.mdx-tool select{background-image:linear-gradient(45deg,transparent 50%,#63727F 50%),linear-gradient(135deg,#63727F 50%,transparent 50%);background-position:calc(100% - 20px) 22px,calc(100% - 14px) 22px;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:42px}
.mdx-tool input:focus,.mdx-tool select:focus{outline:none;border-color:var(--mag)}

.mdx-tool .seg{display:flex;gap:0;border:1px solid var(--line);background:#fff}
.mdx-tool .seg button{flex:1;height:50px;border:0;background:#fff;font:600 14px/1 Inter,sans-serif;color:var(--grey);cursor:pointer;transition:background .18s,color .18s;border-right:1px solid var(--line)}
.mdx-tool .seg button:last-child{border-right:0}
.mdx-tool .seg button[aria-pressed="true"]{background:var(--ind);color:#fff}

.mdx-tool .go{margin-top:24px;width:100%;height:56px;border:0;background:var(--mag);color:#fff;font:700 12px/1 Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;transition:background .2s}
.mdx-tool .go:hover{background:var(--mag-dk)}

/* result */
.mdx-tool .out{margin-top:0;background:var(--ind);color:#fff;padding:32px 34px;display:none}
.mdx-tool .out.on{display:block}
.mdx-tool .out .lbl{font:700 11px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin:0 0 12px}
.mdx-tool .out .big{font:700 clamp(30px,6vw,46px)/1.05 Inter,sans-serif;letter-spacing:-.03em;color:#fff;margin:0 0 8px;font-variant-numeric:tabular-nums}
.mdx-tool .out .sub{font:400 15px/1.6 Inter,sans-serif;color:#BFBCD4;margin:0}
.mdx-tool .out .verdict{font:700 clamp(20px,3.6vw,28px)/1.25 Inter,sans-serif;letter-spacing:-.02em;margin:0 0 10px}
.mdx-tool .out .verdict.yes{color:var(--teal)}
.mdx-tool .out .verdict.no{color:#FF7BA8}
.mdx-tool .out .verdict.maybe{color:#FFD166}
.mdx-tool .out ul{margin:16px 0 0;padding:0;list-style:none}
.mdx-tool .out li{position:relative;padding-left:24px;margin-bottom:10px;font:400 15px/1.6 Inter,sans-serif;color:#E6E4F0}
.mdx-tool .out li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;background:var(--teal)}
.mdx-tool .out li.bad::before{background:#FF7BA8}
.mdx-tool .out .brk{margin:20px 0 0;border-top:1px solid rgba(255,255,255,.16);padding-top:16px}
.mdx-tool .out .brk div{display:flex;justify-content:space-between;gap:16px;font:400 14px/1.7 Inter,sans-serif;color:#BFBCD4}
.mdx-tool .out .brk div span:last-child{color:#fff;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.mdx-tool .out .cta{display:inline-block;margin-top:24px;background:var(--mag);color:#fff!important;font:700 12px/1 Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase;padding:16px 26px;text-decoration:none!important;transition:background .2s}
.mdx-tool .out .cta:hover{background:var(--mag-dk)}

.mdx-tool .err{background:#FFF6F1;border-left:3px solid #D9480F;padding:14px 18px;margin-top:16px;font:400 14px/1.6 Inter,sans-serif;color:#8A3208;display:none}
.mdx-tool .err.on{display:block}

.mdx-tool .note{margin-top:18px;font:400 13px/1.65 Inter,sans-serif;color:var(--grey)}
.mdx-tool .note strong{color:var(--ind)}

@media(max-width:640px){
  .mdx-tool .panel,.mdx-tool .out{padding:24px 20px}
  .mdx-tool .grid{grid-template-columns:minmax(0,1fr);gap:18px}
  .mdx-tool .seg button{font-size:13px}
}

/* tools index */
.mdx-toolgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mdx-toolcard{background:#fff;border:1px solid #CDDBE6;padding:28px 26px;text-decoration:none;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s}
.mdx-toolcard:hover{border-color:#E40D75;box-shadow:0 12px 32px rgba(8,0,71,.09);transform:translateY(-2px)}
.mdx-toolcard .k{font:700 10px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#E40D75;margin-bottom:14px}
.mdx-toolcard h3{font:700 18px/1.35 Inter,sans-serif;letter-spacing:-.02em;color:#080047;margin:0 0 10px}
.mdx-toolcard p{font:400 14px/1.6 Inter,sans-serif;color:#63727F;margin:0 0 16px;flex:1}
.mdx-toolcard .go{font:700 11px/1 Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#080047}
@media(max-width:900px){.mdx-toolgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.mdx-toolgrid{grid-template-columns:minmax(0,1fr)}}