/* MTP_RESTYLE_V9_BEGIN — Deep Dive article popup harmonization */
/* outer modal backdrop already rgba(0,0,0,.85), keep */
#articleModal{font-family:Roboto,system-ui,-apple-system,sans-serif !important;}
/* the inner panel is a direct DIV child of #articleModal with inline bg #1a1f2e */
#articleModal > div{
  background:#14181f !important;
  border:1px solid #2a2a2a !important;
  border-radius:6px !important;
  box-shadow:0 18px 48px rgba(0,0,0,0.55) !important;
}
/* header strip = first child of the inner panel */
#articleModal > div > div:first-child{
  background:#0f1115 !important;
  border-bottom:1px solid #2a2a2a !important;
  padding:12px 18px !important;
}
/* title (was gold) */
#articleModalTitle{
  color:#fff !important;
  font:700 0.95rem Roboto,system-ui,sans-serif !important;
  letter-spacing:0;
}
/* "Open on site →" link in header (was slate-grey #8899aa) */
#articleModalLink{
  color:#a0a0a0 !important;
  font:500 0.78rem Roboto,system-ui,sans-serif !important;
  text-decoration:none !important;
  transition:color .15s;
}
#articleModalLink:hover{color:#c00 !important;}
/* close × */
#articleModal > div > div:first-child > div:last-child{
  color:#cfcfcf !important;
  font-size:22px !important;
  transition:color .15s;
}
#articleModal > div > div:first-child > div:last-child:hover{color:#fff !important;}
/* body container */
#articleModalBody{
  background:#14181f !important;
  color:#d6d6d6 !important;
  padding:24px 32px !important;
}
/* the byline strip immediately under the header — replace gold author + grey date */
#articleModalBody > div:first-child{
  border-bottom:1px solid #2a2a2a !important;
  padding-bottom:14px !important;
  margin-bottom:18px !important;
}
#articleModalBody > div:first-child span{
  color:#c00 !important;
  font-weight:700 !important;
}
#articleModalBody > div:first-child > div{
  color:#9a9a9a !important;
  font-size:0.82rem !important;
}
/* body article content */
.dd-reader-content{
  color:#d6d6d6 !important;
  font:400 0.95rem/1.65 Roboto,system-ui,sans-serif !important;
}
.dd-reader-content p{color:#d6d6d6 !important;margin:0 0 14px !important;}
.dd-reader-content h1,.dd-reader-content h2,.dd-reader-content h3,
.dd-reader-content h4,.dd-reader-content h5,.dd-reader-content h6{
  color:#fff !important;
  font-weight:700 !important;
  margin:22px 0 10px !important;
}
.dd-reader-content strong,.dd-reader-content b{color:#fff !important;}
/* in-article links: brand red (was sky blue rgb(79,195,247)) */
.dd-reader-content a,.dd-reader-content a:visited{
  color:#ff5a5a !important;
  text-decoration:none !important;
  border-bottom:1px solid rgba(255,90,90,0.35) !important;
}
.dd-reader-content a:hover{
  color:#fff !important;
  border-bottom-color:#fff !important;
}
/* horizontal rule from WP */
.dd-reader-content hr,.wp-block-separator{
  border:none !important;
  border-top:1px solid #2a2a2a !important;
  margin:18px 0 !important;
}
/* blockquote */
.dd-reader-content blockquote{
  border-left:3px solid #c00 !important;
  margin:14px 0 !important;
  padding:4px 0 4px 14px !important;
  color:#cfcfcf !important;
  font-style:italic;
}
/* lists */
.dd-reader-content ul,.dd-reader-content ol{padding-left:22px !important;margin:0 0 14px !important;}
.dd-reader-content li{color:#d6d6d6 !important;margin-bottom:6px !important;}
/* images already wrapped in a rounded container — make sure they fit */
.dd-reader-content img,#articleModalBody img{max-width:100% !important;height:auto !important;border-radius:4px !important;}
/* scrollbar inside body */
#articleModalBody::-webkit-scrollbar{width:10px;}
#articleModalBody::-webkit-scrollbar-track{background:#14181f;}
#articleModalBody::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:5px;}
#articleModalBody::-webkit-scrollbar-thumb:hover{background:#3a3a3a;}
/* MTP_RESTYLE_V9_END */