/* MX811 article template: scoped to single posts */
.mx-article-page{background:radial-gradient(ellipse at 55% 0%,#21103d 0%,#070b1c 38%,#050916 76%);color:#f7f4ff;min-height:80vh;padding:76px 24px 70px}
.mx-post{max-width:1120px;margin:auto}.mx-post-head{max-width:1020px;margin:0 auto 35px}.mx-breadcrumb{font-size:13px;color:#c4b2e4;display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:28px}.mx-breadcrumb a{color:#d2b8ff}.mx-breadcrumb>span:last-child{color:#aaa6c1;max-width:45ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mx-post-tag{display:inline-flex;border:1px solid #8b51df70;background:#7132c42a;color:#d8b5ff;border-radius:99px;padding:7px 14px;font-size:12px;font-weight:700;margin-bottom:15px}
.mx-post-head h1{color:#fff!important;font-size:clamp(30px,4.2vw,54px)!important;line-height:1.23!important;letter-spacing:-.035em;margin:0 0 18px!important;max-width:900px;font-weight:850;text-wrap:balance}
.mx-post-meta{color:#b6accb;display:flex;gap:12px;align-items:center;font-size:13px;margin-bottom:27px}
.mx-post-cover{margin:0;min-height:290px;aspect-ratio:16/7;overflow:hidden;border:1px solid #8050bb80;border-radius:18px;box-shadow:0 20px 55px #0007}
.mx-post-cover img{width:100%;height:100%;object-fit:cover;display:block}.mx-post-cover-default{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(26px,5vw,65px);background:linear-gradient(90deg,#080c28ed 0%,#120b38c2 50%,#39146644 100%),url('https://mx811.net/wp-content/uploads/2026/10/mx811-hero-1920x720-1.webp') center/cover}
.mx-post-cover-default>span{font-size:clamp(52px,8vw,105px);font-weight:900;letter-spacing:-5px;line-height:1;color:#fff;text-shadow:0 4px 22px #000}.mx-post-cover-default>span span{color:#a86aff}.mx-post-cover-default small{color:#eee3ff;font-size:clamp(13px,1.8vw,20px);margin-top:12px}
.mx-post-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:42px;align-items:start}.mx-post-body{min-width:0}.mx-post-content{font-size:17px;line-height:1.95;color:#dedbed;overflow-wrap:anywhere}
.mx-post-content p,.mx-post-content li{color:#dedbed!important;font-size:17px;line-height:1.95;margin:0 0 20px}.mx-post-content p.article-lead{font-size:19px;color:#f0eaff!important;line-height:1.9;padding:0 0 20px;border-bottom:1px solid #47385d;margin-bottom:30px}
.mx-post-content h2{font-size:clamp(23px,2.6vw,29px)!important;line-height:1.45;color:#fff!important;margin:43px 0 17px!important;font-weight:800;scroll-margin-top:100px}
.mx-post-content h3{font-size:20px!important;line-height:1.5;color:#e8d7ff!important;margin:30px 0 12px!important;font-weight:750}
.mx-post-content a{color:#d39aff;text-decoration:underline;text-underline-offset:4px}.mx-post-content a:hover{color:#fff}.mx-post-content ul,.mx-post-content ol{padding-left:25px}.mx-post-content blockquote{background:#17122d;border-left:3px solid #a264f8;padding:18px 24px;border-radius:9px;color:#f2eaff}.mx-post-content img{max-width:100%;height:auto;border-radius:12px}
.mx-post-aside{position:sticky;top:26px;display:grid;gap:18px}.mx-post-toc{background:#15132d;border:1px solid #49366e;border-radius:16px;padding:25px}.mx-post-toc strong{color:#dfbaff;display:block;font-size:17px;margin-bottom:18px}.mx-post-toc nav{display:grid;gap:14px}.mx-post-toc a{font-size:14px;color:#ded6ee;line-height:1.5;transition:color .2s}.mx-post-toc a:hover{color:#c88aff}.mx-post-aside-note{background:#0e1427;border:1px solid #283452;border-radius:13px;padding:18px;color:#aaaec4;font-size:13px;line-height:1.7}
.mx-post-bottom{margin:50px 0 0;padding:24px;border:1px solid #4a356f;border-radius:15px;background:#16122d}.mx-post-bottom>span{display:block;color:#f5edff;font-weight:700;margin-bottom:14px}.mx-post-bottom>div{display:flex;gap:9px;flex-wrap:wrap}.mx-post-bottom a{color:#dec7ff;background:#39205f;border:1px solid #68439c;border-radius:8px;padding:8px 12px;font-size:13px}
@media(max-width:850px){.mx-post-layout{grid-template-columns:1fr;gap:25px}.mx-post-aside{position:static;grid-row:1}.mx-post-toc{padding:20px}.mx-post-cover{min-height:210px;aspect-ratio:16/9}}
@media(max-width:600px){.mx-article-page{padding:20px 17px 48px}.mx-breadcrumb{font-size:12px;margin-bottom:22px}.mx-post-head h1{font-size:30px!important}.mx-post-cover{min-height:175px;border-radius:13px}.mx-post-cover-default{padding:25px}.mx-post-cover-default>span{letter-spacing:-3px}.mx-post-layout{gap:22px}.mx-post-content{font-size:16px}.mx-post-content p,.mx-post-content li{font-size:16px;line-height:1.85}.mx-post-content p.article-lead{font-size:17px}.mx-post-content h2{margin-top:35px!important}.mx-post-aside-note{display:none}}