/* milan.css — Kundali Milan. Namespaced; overrides nothing existing. */

.mhero{margin-bottom:22px}
.mform{margin-bottom:8px}
.mpair{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:720px){.mpair{grid-template-columns:1fr;gap:16px}}

.mperson{border:1px solid var(--line);border-radius:var(--r);padding:14px 16px 16px;margin:0;
  background:rgba(255,255,255,.012)}
.mperson legend{font-family:var(--disp);font-weight:400;font-size:17px;color:var(--brass-lt);
  padding:0 8px;margin-left:-4px}
.mperson label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--dim);margin:0 0 4px}
html[lang="hi"] .mperson label{letter-spacing:0;text-transform:none;font-size:11.5px}
.mrow{margin-bottom:11px}
.mrow:last-child{margin-bottom:0}
.mrow2{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:11px}
.mperson input,.mperson select{width:100%;box-sizing:border-box;background:var(--night);
  border:1px solid var(--line);border-radius:var(--r);color:var(--chalk);
  font-family:var(--body);font-size:14px;padding:8px 10px}
.mperson input:focus,.mperson select:focus{outline:none;border-color:var(--brass)}
.mhelp{font-size:12.5px;color:var(--muted);line-height:1.6;margin:14px 0 16px;max-width:70ch}
html[lang="hi"] .mhelp{line-height:1.78;font-size:13px}

/* ---- score dial ---- */
.mscore{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-bottom:22px}
.mdial{width:132px;height:132px;flex:0 0 132px;border-radius:50%;display:flex;
  flex-direction:column;align-items:center;justify-content:center;
  border:2px solid var(--line);background:var(--slab);position:relative}
.mdial.hi{border-color:var(--ok);box-shadow:0 0 0 6px rgba(79,169,126,.07)}
.mdial.md{border-color:var(--brass);box-shadow:0 0 0 6px rgba(192,138,46,.07)}
.mdial.lo{border-color:var(--sindoor);box-shadow:0 0 0 6px rgba(220,58,32,.07)}
.mnum{font-family:var(--disp);font-size:44px;line-height:1;color:var(--paper)}
.mden{font-family:var(--mono);font-size:11px;color:var(--dim);margin-top:4px;letter-spacing:.1em}
.mverdict{flex:1;min-width:250px}
.mverdict h3{font-family:var(--disp);font-weight:400;font-size:21px;margin:0 0 10px;color:var(--brass-lt)}
.mverdict p{margin:11px 0 0;font-size:13.5px;color:#C3CADB;line-height:1.64;max-width:66ch}
html[lang="hi"] .mverdict p{line-height:1.8}
.mbar{height:7px;border-radius:4px;background:var(--line);overflow:hidden}
.mbar i{display:block;height:100%;border-radius:4px;
  background:linear-gradient(90deg,var(--brass),var(--brass-lt))}

.mmoons{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:600px){.mmoons{grid-template-columns:1fr}}
.mmoons>div{border:1px solid var(--line);border-left:2px solid var(--brass);
  border-radius:var(--r);padding:12px 14px;background:var(--slab)}
.mmoons h4{margin:0 0 4px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--dim)}
html[lang="hi"] .mmoons h4{letter-spacing:0;text-transform:none;font-size:11.5px}
.mmoons p{margin:0;font-size:14px;color:var(--paper);font-family:var(--disp)}

/* ---- koota table ---- */
.mtable{width:100%;border-collapse:collapse;font-size:13.5px;min-width:560px}
.mtable th{font-family:var(--mono);font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--dim);font-weight:500;text-align:left;padding:0 10px 8px;
  border-bottom:1px solid var(--brass)}
html[lang="hi"] .mtable th{letter-spacing:0;text-transform:none;font-size:11.5px}
.mtable td{padding:9px 10px;border-bottom:1px solid var(--line);color:#C3CADB}
.mtable .kn{font-family:var(--disp);font-size:15.5px;color:var(--paper);white-space:nowrap}
.mtable .ks{color:var(--muted);font-size:12.5px}
.mtable .kp{text-align:right;white-space:nowrap;font-family:var(--mono)}
.mtable .kp b{color:var(--brass-lt);font-size:15px;font-weight:500}
.mtable .kp span{color:var(--dim);font-size:11px}
.mtable tr.f .kp b{color:var(--ok)}
.mtable tr.z .kp b{color:var(--sindoor-lt)}
.mtable tr.z .kn{color:var(--sindoor-lt)}
.mtable tfoot td{border-bottom:0;border-top:1px solid var(--brass);padding-top:11px;
  font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
html[lang="hi"] .mtable tfoot td{letter-spacing:0;text-transform:none;font-size:12px}
.mtable tfoot .kp b{font-size:19px;color:var(--brass-lt)}

/* ---- doshas ---- */
.rcard.warn{border-left-color:var(--sindoor)}
.mparihar{margin-top:18px;padding:16px 18px;border:1px solid var(--line);
  border-left:2px solid var(--ok);border-radius:var(--r);background:var(--slab)}
.mparihar h4{margin:0 0 8px;font-family:var(--disp);font-weight:400;font-size:17px;color:var(--brass-lt)}
.mparihar p{margin:0 0 9px;font-size:13.5px;color:#C3CADB;line-height:1.64}
.munlift{margin:11px 0 0!important;font-size:12.5px;color:var(--muted)}
.mparihar li b{color:var(--brass-lt);font-weight:500}
.mparihar ul{margin:0;padding-left:20px}
.mparihar li{font-size:13.5px;color:#C3CADB;line-height:1.6;margin-bottom:5px}
html[lang="hi"] .mparihar p,html[lang="hi"] .mparihar li{line-height:1.8}

.mprose p{margin:0 0 13px}
.mprose p:last-child{margin-bottom:0}

/* ---- share ---- */
.msharesec{border-top:1px solid var(--line)}
.msharerow{display:flex;flex-wrap:wrap;gap:9px;margin-top:4px}
.mshare{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:var(--r);
  border:1px solid var(--line);background:var(--slab);color:var(--chalk);
  font-family:var(--mono);font-size:12px;letter-spacing:.04em;cursor:pointer;
  text-decoration:none;transition:border-color .15s,color .15s}
.mshare:hover{border-color:var(--brass);color:var(--brass-lt)}
.mshare.wa{border-left:2px solid #25D366}
.mshare.tg{border-left:2px solid #2AABEE}
.mshare.fb{border-left:2px solid #1877F2}
.mshare.x{border-left:2px solid #C3CADB}
.mshare.line{border-left:2px solid #06C755}
.mshare.vb{border-left:2px solid #7360F2}
.mshare.copy,.mshare.print,.mshare.more{border-left:2px solid var(--brass)}
html[lang="hi"] .mshare{letter-spacing:0;font-size:13px}

#m-out{display:none}
#m-out.on{display:block}

/* ---- printed match sheet ---- */
@media print{
  .mform,.msharesec,.tabbar,.mastnav,.lang,.adslot,.mhelp{display:none!important}
  .mdial{border-color:#8a5a12!important;box-shadow:none!important}
  .mnum,.mmoons p{color:#141414!important}
  .mtable td,.mtable .kn,.mparihar p,.mparihar li,.mverdict p{color:#141414!important}
  .mtable{min-width:0}
}

@media(prefers-reduced-motion:reduce){.mshare{transition:none}}