/* Morrowgate money tools. Scoped to .mgc; the article styles around it are untouched.
   Article typography uses !important, so the few type rules here that must win say so too. */
.mgc{--navy:#0d1a29;--navy2:#132a40;--ink:#eef2f6;--muted:#a9b8c5;--line:rgba(255,255,255,.09);--gold:#c9a45c;--green:#5bb08a;--green2:#2f7059;
  position:relative;box-sizing:border-box;margin:56px calc(50% - min(568px, 50vw - 16px)) !important;padding:clamp(22px,4vw,44px);
  color:var(--ink);background:radial-gradient(120% 80% at 100% 0%,rgba(91,176,138,.16),transparent 55%),linear-gradient(160deg,var(--navy2),var(--navy) 62%);
  border-top:3px solid var(--gold);border-radius:6px;box-shadow:0 30px 60px -30px rgba(13,26,41,.55);overflow:hidden;scroll-margin-top:96px}
.mgc::before{content:"";position:absolute;inset:0;background:url(/brand/contours.svg) right -120px top -80px/720px auto no-repeat;opacity:.07;pointer-events:none}
.mgc *{box-sizing:border-box}
.mgc :focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.mgc .mgc-head{position:relative;max-width:720px;margin:0 0 28px}
.mgc .mgc-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 14px !important;font:600 11px/1 "MG Sans",Arial,sans-serif !important;letter-spacing:.16em !important;text-transform:uppercase;color:var(--gold) !important;-webkit-text-fill-color:var(--gold) !important}
.mgc .mgc-eyebrow::before{content:"";width:28px;height:1px;background:var(--gold)}
.mgc .mgc-title{margin:0 0 12px !important;font:400 clamp(28px,3.4vw,40px)/1.12 "MG Display",Georgia,serif !important;letter-spacing:-.01em !important;color:#fff !important;-webkit-text-fill-color:#fff !important;position:static !important}
.mgc .mgc-title em{font-style:normal;color:var(--green) !important;-webkit-text-fill-color:var(--green) !important}
.mgc .mgc-dek{margin:0 !important;max-width:640px;font:400 16px/1.65 "MG Sans",Arial,sans-serif !important;color:var(--muted) !important;-webkit-text-fill-color:var(--muted) !important}
.mgc .mgc-body{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,3vw,40px);align-items:start}
@media (max-width:860px){.mgc .mgc-body{grid-template-columns:1fr}}

/* controls */
.mgc .mgc-controls{display:grid;gap:22px;padding:24px;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:6px}
.mgc .mgc-field-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}
.mgc .mgc-field label{font:500 14px/1.35 "MG Sans",Arial,sans-serif !important;color:var(--ink) !important;-webkit-text-fill-color:var(--ink) !important}
.mgc .mgc-value{width:7.5em;min-width:0;text-align:right;font:400 20px/1.2 "MG Display",Georgia,serif !important;color:#fff !important;-webkit-text-fill-color:#fff !important;background:transparent;border:0;border-bottom:1px dashed rgba(255,255,255,.25);padding:2px 0;border-radius:0}
.mgc .mgc-value:hover{border-bottom-color:var(--gold)}
.mgc .mgc-value:focus{outline:none;border-bottom:1px solid var(--gold)}
.mgc .mgc-hint{margin:8px 0 0 !important;font:400 12.5px/1.5 "MG Sans",Arial,sans-serif !important;color:var(--muted) !important;-webkit-text-fill-color:var(--muted) !important}
.mgc input[type=range]{--fill:50%;-webkit-appearance:none;appearance:none;width:100%;height:28px;margin:0;background:transparent;cursor:pointer;touch-action:pan-y}
.mgc input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--green2),var(--green) var(--fill),rgba(255,255,255,.12) var(--fill))}
.mgc input[type=range]::-moz-range-track{height:6px;border-radius:6px;background:rgba(255,255,255,.12)}
.mgc input[type=range]::-moz-range-progress{height:6px;border-radius:6px;background:var(--green)}
.mgc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-9px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 5px rgba(91,176,138,.28),0 4px 10px rgba(0,0,0,.35);transition:box-shadow .15s}
.mgc input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 5px rgba(91,176,138,.28),0 4px 10px rgba(0,0,0,.35)}
.mgc input[type=range]:active::-webkit-slider-thumb,.mgc input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 9px rgba(201,164,92,.3),0 4px 10px rgba(0,0,0,.35)}
.mgc .mgc-check{display:flex;gap:12px;align-items:flex-start;font:400 14px/1.5 "MG Sans",Arial,sans-serif !important;color:var(--ink) !important;-webkit-text-fill-color:var(--ink) !important;cursor:pointer}
.mgc .mgc-check input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:var(--green)}

/* results */
.mgc .mgc-results{display:grid;gap:20px;min-width:0}
.mgc .mgc-hero-label{margin:0 !important;font:500 13px/1.45 "MG Sans",Arial,sans-serif !important;color:var(--muted) !important;-webkit-text-fill-color:var(--muted) !important}
.mgc .mgc-hero{margin:4px 0 0 !important;font:400 clamp(44px,6.4vw,72px)/1 "MG Display",Georgia,serif !important;letter-spacing:-.02em !important;color:#fff !important;-webkit-text-fill-color:#fff !important;font-variant-numeric:tabular-nums}
.mgc.is-negative .mgc-hero{color:#f0c987 !important;-webkit-text-fill-color:#f0c987 !important}
.mgc .mgc-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.mgc .mgc-stats>div{padding:14px 16px;background:rgba(13,26,41,.6)}
.mgc .mgc-stats dt{font:500 11.5px/1.35 "MG Sans",Arial,sans-serif !important;letter-spacing:.02em;color:var(--muted) !important;-webkit-text-fill-color:var(--muted) !important;margin:0 0 6px}
.mgc .mgc-stats dd{margin:0 !important;font:400 clamp(20px,2.3vw,26px)/1.15 "MG Display",Georgia,serif !important;color:#fff !important;-webkit-text-fill-color:#fff !important;font-variant-numeric:tabular-nums}
@media (max-width:520px){.mgc .mgc-stats{grid-template-columns:1fr !important}.mgc .mgc-stats>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.mgc .mgc-stats dt{margin:0}}
.mgc .mgc-chart{margin:0;padding:14px 10px 6px;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:6px}
.mgc .mgc-chart svg{display:block;width:100%;height:auto;min-height:180px;overflow:visible}
.mgc .mgc-chart figcaption{margin:6px 8px 4px;font:400 12px/1.5 "MG Sans",Arial,sans-serif;color:var(--muted)}
.mgc .mgc-axis text{font:400 11px "MG Sans",Arial,sans-serif;fill:#8fa1b0}
.mgc .mgc-grid{stroke:rgba(255,255,255,.07);stroke-width:1}
.mgc .mgc-zero{stroke:rgba(255,255,255,.35);stroke-width:1;stroke-dasharray:3 4}
.mgc .mgc-line{fill:none;stroke:var(--green);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.mgc .mgc-area{fill:rgba(91,176,138,.16)}
.mgc .mgc-band{fill:rgba(201,164,92,.08)}
.mgc .mgc-band-label{font:600 10px "MG Sans",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;fill:var(--gold)}
.mgc .mgc-marker{stroke:var(--gold);stroke-width:1.5;stroke-dasharray:4 4}
.mgc .mgc-dot{fill:#fff;stroke:var(--gold);stroke-width:3}
.mgc .mgc-callout{font:600 12px "MG Sans",Arial,sans-serif;fill:#fff}
.mgc .mgc-axis-title{font:400 11px "MG Sans",Arial,sans-serif;fill:#8fa1b0}
.mgc .mgc-bar{fill:rgba(91,176,138,.38);transition:height .25s,y .25s}
.mgc .mgc-bar.is-selected{fill:var(--green)}
.mgc .mgc-bar-x{font:600 12px "MG Sans",Arial,sans-serif;fill:#dfe6ec}
.mgc .mgc-bar-sub{font:400 10.5px "MG Sans",Arial,sans-serif;fill:#8fa1b0}
.mgc .mgc-bar-val{font:600 11.5px "MG Sans",Arial,sans-serif;fill:#fff}
.mgc .mgc-compare{display:grid;gap:12px}
.mgc .mgc-compare>div{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:baseline}
.mgc .mgc-compare span{font:500 13px/1.4 "MG Sans",Arial,sans-serif;color:var(--muted)}
.mgc .mgc-compare b{font:400 20px/1.2 "MG Display",Georgia,serif;color:#fff;font-variant-numeric:tabular-nums}
.mgc .mgc-compare i{--w:50%;grid-column:1/-1;display:block;height:10px;border-radius:10px;background:linear-gradient(90deg,var(--green) var(--w),rgba(240,201,135,.28) var(--w));transition:background .25s}
.mgc .mgc-compare small{grid-column:1/-1;font:400 11.5px/1.4 "MG Sans",Arial,sans-serif;color:#8fa1b0}
.mgc .mgc-take{margin:0 !important;padding:16px 18px !important;border-left:3px solid var(--gold);background:rgba(201,164,92,.08);border-radius:0 6px 6px 0;font:400 15.5px/1.6 "MG Sans",Arial,sans-serif !important;color:var(--ink) !important;-webkit-text-fill-color:var(--ink) !important}

/* footer and the optional send form */
.mgc .mgc-foot{position:relative;display:grid;gap:18px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.mgc .mgc-actions{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center}
.mgc .mgc-btn{display:inline-flex;align-items:center;gap:14px;min-height:50px;padding:14px 22px;border:0;border-radius:3px;background:var(--green2);color:#fff;font:600 14px/1.3 "MG Sans",Arial,sans-serif;cursor:pointer;transition:background .15s}
.mgc .mgc-btn:hover{background:#3a8a6e}
.mgc .mgc-link{font:500 14px/1.3 "MG Sans",Arial,sans-serif !important;color:#fff !important;-webkit-text-fill-color:#fff !important;text-decoration:none !important;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:3px}
.mgc .mgc-link:hover{border-bottom-color:var(--gold)}
.mgc .mgc-fine{margin:0 !important;font:400 12px/1.6 "MG Sans",Arial,sans-serif !important;color:#8fa1b0 !important;-webkit-text-fill-color:#8fa1b0 !important;max-width:860px}
.mgc .mgc-send{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:6px}
.mgc .mgc-send[hidden],.mgc .mgc-sent[hidden],.mgc [data-mgc-open][hidden]{display:none}
.mgc .mgc-send label{display:grid;gap:6px;font:600 11px/1 "MG Sans",Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.mgc .mgc-send .mgc-wide{grid-column:1/-1}
.mgc .mgc-send input,.mgc .mgc-send textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid rgba(255,255,255,.18);border-radius:3px;background:rgba(13,26,41,.7);color:#fff;font:400 15px/1.4 "MG Sans",Arial,sans-serif;text-transform:none;letter-spacing:0}
.mgc .mgc-send textarea{min-height:70px;resize:vertical}
.mgc .mgc-send-row{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center}
.mgc .mgc-send-status,.mgc .mgc-send-note{margin:0 !important;font:400 12.5px/1.5 "MG Sans",Arial,sans-serif !important;color:var(--muted) !important;-webkit-text-fill-color:var(--muted) !important}
.mgc .mgc-sent{margin:0 !important;padding:14px 18px;border-left:3px solid var(--green);background:rgba(91,176,138,.1);font:500 14.5px/1.5 "MG Sans",Arial,sans-serif !important;color:#fff !important;-webkit-text-fill-color:#fff !important}
.mgc .mgc-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media (max-width:640px){.mgc .mgc-send{grid-template-columns:1fr}.mgc .mgc-controls{padding:18px}.mgc{border-radius:4px}}
@media (prefers-reduced-motion:reduce){.mgc *{transition:none !important}}
@media print{.mgc{color:#000;background:#fff;box-shadow:none;border:1px solid #999}.mgc .mgc-actions,.mgc .mgc-send{display:none}}