.article-layout{max-width:1220px;margin:0 auto;padding:34px 22px;display:grid;grid-template-columns:minmax(0,1fr) 318px;gap:28px}
.rich-article{background:linear-gradient(180deg,#0d1d31,#071522);border:1px solid #294761;border-radius:20px;padding:30px}
.rich-article h1{font-size:42px;line-height:1.1;margin:8px 0 14px}
.rich-article h2{margin-top:30px}
.rich-article p,.rich-article li{font-size:18px;color:#dce8f5}
.breadcrumbs{font-size:13px;color:#b9c7d8;margin-bottom:12px}
.article-meta{font-size:14px;color:#b9c7d8;margin:8px 0 18px}
.toc,.faq,.article-note{border:1px solid #294761;background:#0a2037;border-radius:14px;padding:16px;margin:20px 0}
.toc a{display:block;margin:6px 0}
.sidebar{position:sticky;top:16px;align-self:start}
.side-card{border:1px solid #294761;background:#0f2035;border-radius:18px;padding:18px;margin-bottom:16px}
.side-card h3{margin-top:0}
.side-card a{display:block;margin:8px 0;color:#5dd6ff}
.badge{display:inline-block;border:1px solid #294761;border-radius:999px;padding:4px 10px;margin:0 6px 8px 0;color:#b9c7d8;font-size:12px}
.article-hero-img{width:100%;border:1px solid #294761;border-radius:18px;margin:16px 0}
.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}
.related-card{border:1px solid #294761;background:#091827;border-radius:14px;padding:14px}
.ad-ready-box{border:1px dashed #5dd6ff;border-radius:14px;padding:14px;margin:20px 0;color:#b9c7d8;background:#081a2c}
@media(max-width:920px){.article-layout{grid-template-columns:1fr}.sidebar{position:static}.rich-article h1{font-size:34px}.related-grid{grid-template-columns:1fr}}