body.cj-article-page { background:#080808; color:#f5f5f5; }
.cj-article-shell { width:calc(100% - 96px); max-width:1500px; margin:0 auto; padding:24px 0 60px; }
.cj-article-breadcrumbs { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:28px; color:#aaa; font-size:13px; }
.cj-article-shell a { color:inherit; text-decoration:none; }
.cj-article-shell a:hover { color:#efb957; }
.cj-article-layout { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:64px; align-items:start; }
.cj-article-main,.cj-article-sidebar { min-width:0; }
.cj-article-header h1 { margin:0 0 16px; font-size:clamp(26px,2vw,34px); line-height:1.25; letter-spacing:-.025em; overflow-wrap:anywhere; }
.cj-article-deck { margin:0 0 28px; padding:20px 24px; color:#c7c7c7; font-size:16px; line-height:1.8; background:linear-gradient(110deg,#211d1a,#111315); border:1px solid #303030; border-left:6px solid #ff7a00; border-radius:7px; }
.cj-article-publish-line { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-bottom:30px; color:#a9a9a9; font-size:13px; }
.cj-article-publish-line strong { font-weight:500; }
.cj-article-hero { margin:0 0 36px; }
.cj-article-hero img { width:100%; height:auto; border-radius:8px; }
.cj-article-content { font-size:17px; line-height:1.85; color:#dedede; overflow-wrap:anywhere; }
.cj-article-content h2,.cj-article-content h3 { color:#fff; line-height:1.35; margin:38px 0 18px; scroll-margin-top:32px; }
.cj-article-content h2 { font-size:28px; }
.cj-article-content h3 { font-size:22px; }
.cj-article-content p { margin:0 0 22px; }
.cj-article-content a { color:#ff8b27; text-decoration:underline; }
.cj-article-content img,.cj-article-content video { max-width:100%; height:auto; }
.cj-article-content iframe { max-width:100%; }
.cj-article-content figure { max-width:100%; margin:28px 0; }
.cj-article-content figcaption { color:#aaa; font-size:13px; }
.cj-article-content blockquote { margin:28px 0; border-left:3px solid #efb957; padding:16px 24px; background:#191919; }
.cj-article-content pre { padding:20px; overflow:auto; background:#202020; }
.cj-article-content table { display:block; width:100%; overflow-x:auto; border-collapse:collapse; }
.cj-article-content td,.cj-article-content th { border:1px solid #444; padding:10px 14px; }
.cj-article-sidebar { position:sticky; top:24px; display:grid; gap:24px; align-self:start; max-height:calc(100vh - 48px); overflow-y:auto; scrollbar-width:thin; }
.cj-article-side-card { background:linear-gradient(120deg,#1b1c1e,#141517); border:0; padding:28px; border-radius:10px; }
.cj-article-side-card h2 { margin:0 0 20px; color:#fff; font-size:18px; line-height:1.4; }
.cj-article-toc ol { margin:0; padding:0 0 0 21px; list-style:decimal; max-height:38vh; overflow:auto; }
.cj-article-toc li::marker { color:#ff7a00; font-size:12px; font-weight:700; }
.cj-article-side-card h2::after,.cj-article-content h2::after { content:''; display:block; width:32px; height:2px; background:#ff7a00; margin-top:10px; }
.cj-article-content a { color:#ff8b27; }
.cj-article-publish-line { text-transform:uppercase; letter-spacing:.04em; }
.cj-article-publish-line > span { color:#ff7a00; }
.cj-article-related-empty { color:#aaa; font-size:13px; }
.cj-article-toc li + li { margin-top:12px; }
.cj-article-toc a { display:block; font-size:14px; line-height:1.6; color:#c7c7c7; }
.cj-article-toc .level-3 { padding-left:16px; }
.cj-article-related-list { display:grid; gap:20px; }
.cj-article-related-list article { display:grid; grid-template-columns:70px minmax(0,1fr); gap:12px; }
.cj-article-related-image { display:grid; place-items:center; width:70px; height:58px; overflow:hidden; background:linear-gradient(135deg,#201943,#391273); border-radius:4px; font-size:10px; }
.cj-article-related-image img { width:100%; height:100%; object-fit:cover; }
.cj-article-related-list article > div > a { display:block; font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
.cj-article-related-list time { display:block; font-size:11px; color:#aaa; margin-top:6px; }
.cj-article-more { display:block; margin-top:22px; padding:12px; border-radius:4px; background:#26272b; text-align:center; font-size:12px; font-weight:600; color:#eee; }
.cj-article-share { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:36px; padding-top:24px; border-top:1px solid #333; }
.cj-article-share > span { margin-right:10px; font-size:14px; }
.cj-article-share a,.cj-article-share button { display:grid; place-items:center; width:44px; height:44px; border:1px solid #444; border-radius:50%; background:#191919; color:#eee; font-weight:600; }
.cj-article-share svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.6; }
.cj-article-copy.is-copied { color:#efb957; border-color:#efb957; }
.cj-article-shell :focus-visible { outline:2px solid #efb957; outline-offset:4px; }
.cj-article-pages,.cj-article-tags { margin-top:24px; }
.cj-article-pages .post-page-numbers { display:inline-block; padding:8px 14px; }
.cj-article-shell .comments-area { margin-top:40px; border-top:1px solid #333; padding-top:24px; }
.cj-article-shell .comment-list { padding-left:20px; }
.cj-article-shell .comment-body { padding:18px 0; }
.cj-article-shell .avatar { display:inline-block; vertical-align:middle; border-radius:50%; }
.cj-article-shell textarea,.cj-article-shell input:not([type=checkbox]):not([type=submit]) { max-width:100%; padding:10px; background:#1c1c1c; color:#eee; border:1px solid #555; border-radius:4px; }
.cj-article-shell textarea { width:100%; }
.cj-article-shell input[type=submit] { padding:10px 18px; border:0; background:#efb957; color:#111; border-radius:4px; }
.cj-article-shell .comment-form label { display:block; }
.cj-article-shell .comment-form-cookies-consent label { display:inline; }
@media(max-width:1000px) { .cj-article-layout { grid-template-columns:minmax(0,1fr) 260px; gap:28px; } .cj-article-side-card { padding:18px; } }
@media(max-width:800px) { .cj-article-layout { grid-template-columns:1fr; gap:36px; } .cj-article-sidebar { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); } .cj-article-shell { width:calc(100% - 36px); padding-top:24px; } }
@media(max-width:800px) { .cj-article-sidebar { max-height:none; overflow:visible; } }
@media(min-width:1600px) { .cj-article-share { position:fixed; left:12px; top:30vh; display:flex; flex-direction:column; gap:8px; margin:0; padding:0; border:0; } .cj-article-share > span { margin:0; font-size:10px; } .cj-article-share a,.cj-article-share button { width:36px; height:36px; border-radius:4px; } }
@media(max-width:560px) { .cj-article-shell { width:calc(100% - 28px); } .cj-article-sidebar { grid-template-columns:1fr; } .cj-article-deck,.cj-article-content { font-size:16px; } .cj-article-content h2 { font-size:24px; } .cj-article-content h3 { font-size:20px; } .cj-article-content blockquote { padding:14px 16px; } }