#msc-wrap * { box-sizing: border-box; }
#msc-wrap { font-family: Helvetica, Arial, sans-serif; color: #000; background: #fff; padding: 16px 0; }
#msc-wrap .msc-container { max-width: 860px; margin: 0 auto; background: #fff; border-radius: 16px; }
#msc-wrap .msc-header { text-align: center; padding: 24px 24px 8px 24px; }
#msc-wrap .msc-header h2 { font-size: 26px; font-weight: 700; margin: 0 0 6px; }
#msc-wrap .msc-header p { font-size: 16px; color: #333; }

#msc-wrap .msc-form { padding: 16px 24px 24px 24px; }
#msc-wrap .msc-group { margin-bottom: 16px; }
#msc-wrap label { display:block; font-weight:600; margin-bottom: 6px; font-size: 16px; }
#msc-wrap input, #msc-wrap select { width:100%; padding:12px; border:1px solid #888; border-radius:6px; font-size:16px; background:#fff; color:#000; }
#msc-wrap input[type="time"]{ -webkit-appearance:none; appearance:none; }
#msc-wrap .msc-row { display:flex; gap:10px; }
#msc-wrap .msc-row select, #msc-wrap .msc-row input { flex:1; }
#msc-wrap button { width:100%; padding:14px; background:#D71218; color:#fff; border:none; border-radius:10px; font-weight:700; cursor:pointer; }
#msc-wrap button:hover { background:#D71218; }

#msc-results { margin-top: 18px; padding: 20px; border-radius: 12px; text-align:center; }
#msc-results h3 { font-size: 24px; margin: 0 0 8px; }
#msc-results p { font-size: 18px; line-height: 1.5; }

@media (max-width: 600px) {
  #msc-wrap .msc-form { padding: 16px; }
}

#msc-results .msc-sign { font-size: 36px; line-height: 1.2; display:inline-block; margin-top: 6px; }

/* Styled result to match Moon app */
.msc-result-title{font-size:28px;line-height:1.25;margin:6px 0 8px 0;text-align:left;}
.msc-result-big{font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:48px;line-height:1.2;display:flex;align-items:center;gap:.4ch;flex-wrap:wrap;}
.msc-result-sign{font-weight:700;}
.msc-result-deg{font-weight:700;}
.msc-result-glyph{display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;border-radius:6px;background:#7C4DFF;color:#fff;font-size:28px;line-height:1;}
@media (max-width:640px){.msc-result-big{font-size:40px}.msc-result-title{font-size:24px}}

/* Ensure degrees inherit the big Georgia look */
#msc-wrap .msc-deg{ font-weight:700; }