/* Money Market Calculator Pro - styles */
.mmc-root { max-width: 980px; margin: 18px auto; padding: 20px; font-family: system-ui, Arial, sans-serif; color: #0b1220; background: #fff; }
.mmc-feature { font-size:16px; background:#f1fbff; border-left:4px solid #0073aa; padding:12px; margin-bottom:14px; }
.mmc-card { background:#f9fafb; padding:16px; border-radius:10px; box-shadow:0 6px 18px rgba(2,6,23,0.04); }
.mmc-form label { display:block; margin-top:10px; font-weight:600; font-size:15px; }
.mmc-form input, .mmc-form select { width:100%; padding:10px; margin-top:6px; border-radius:8px; border:1px solid #e5e7eb; font-size:16px; }
.mmc-actions { margin-top:12px; display:flex; gap:8px; flex-wrap:wrap; }
.mmc-btn { background:#0073aa; color:#fff; border:none; padding:10px 12px; border-radius:8px; cursor:pointer; font-size:16px; }
.mmc-results { margin-top:14px; background:rgba(0,0,0,0.03); padding:12px; border-radius:10px; font-size:16px; }
.mmc-chart-wrap{ margin-top:16px; }
.mm-about { margin-top:18px; font-size:15px; line-height:1.6; }
.visually-hidden { position:absolute!important; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
@media(max-width:800px){ .mmc-root{padding:14px} .mmc-form input{font-size:15px} .mmc-btn{width:100%} }