/* Scope to the imported article wrapper; existing posts retain their styles. */
.blog-img img[src*="/mmoplus-blogs/"] { height: auto !important; aspect-ratio: 1200 / 630; object-fit: contain; }
.blog-img:has(> img[src*="/mmoplus-blogs/"]) { width: 100%; }
.blog-widget-media img[src*="/mmoplus-blogs/"] { object-fit: contain; background: #0d172b; }
.sc7-client-dark .blog-widget-text .text-dark { color: #9ab7dc !important; }
.single-banner.mmoplus-blog-banner { background: linear-gradient(110deg, #0d172b, #142b50) !important; padding: 38px 0; }
.single-banner.mmoplus-blog-banner::before { background: transparent; }
.single-banner.mmoplus-blog-banner h2 { font-size: clamp(24px, 3vw, 34px); line-height: 1.4; }
.mmoplus-blog-cover { display: block; width: 100%; height: auto; aspect-ratio: 1200 / 630; margin-bottom: 25px; border-radius: 10px; }
.mmoplus-blog-article { color: var(--text); line-height: 1.8; overflow-wrap: anywhere; }
.mmoplus-blog-article > :first-child { margin-top: 0; }
.mmoplus-blog-article :is(h2,h3,h4) { color: var(--heading); line-height: 1.35; margin: 1.4em 0 .7em; }
.mmoplus-blog-article h2 { font-size: clamp(21px, 2.4vw, 28px); }
.mmoplus-blog-article p { margin: 0 0 1em; }
.mmoplus-blog-article :is(ul,ol) { margin: .6em 0 1.2em; padding-left: 1.5em; }
.mmoplus-blog-article ul { list-style: disc; }
.mmoplus-blog-article ol { list-style: decimal; }
.mmoplus-blog-article li { margin: .35em 0; }
.mmoplus-blog-article li::marker { color: #65adff; }
.mmoplus-blog-article a { color: #65adff; text-decoration: underline; text-underline-offset: 3px; }
.mmoplus-blog-article a:hover { color: #b4dcff; }
.mmoplus-blog-article img { max-width: 100%; height: auto; }
.mmoplus-blog-article hr { border-color: var(--border); opacity: .65; margin: 1.5em 0; }
.mmoplus-blog-article pre { background: #0c1628; color: #e4edf9; border: 1px solid #334155; padding: 14px; overflow-x: auto; border-radius: 8px; white-space: pre; }
.mmoplus-blog-article code { color: #b8d9ff; font-family: Consolas, monospace; }
.mmoplus-blog-table-wrap { max-width: 100%; overflow-x: auto; margin: 1em 0; }
.mmoplus-blog-article table { width: 100%; min-width: 460px; border-collapse: collapse; }
.mmoplus-blog-article :is(th,td) { padding: 10px 12px; border: 1px solid #334155; vertical-align: top; }
.mmoplus-blog-article th { background: #142139; color: #edf2fa; }
.mmoplus-blog-article tr:nth-child(even) td { background: #18273d; }
.mmoplus-blog-article .mmoplus-blog-cta { margin: 1.5em 0; }
.mmoplus-blog-article .mmoplus-blog-cta a { display: inline-block; padding: 10px 18px; border-radius: 8px; background: #2563eb; color: #fff; text-decoration: none; font-weight: 600; }
.mmoplus-blog-article .mmoplus-blog-cta a:hover { background: #1d4ed8; }