/* News uses a bounded reading column and the shared visitor palette. */
.yj-news-post-page { padding-top:24px;padding-bottom:48px; }
.yj-article-navigation,.yj-article,.yj-related-posts { max-width:1040px;margin-left:auto;margin-right:auto; }
.yj-article-navigation { margin-bottom:16px;font-size:14px;line-height:1.5; }
.yj-article-navigation a { display:inline-flex;align-items:center;gap:8px;color:var(--cm-link,#32afd4);padding:4px 0; }
.yj-article { background:var(--yj-ui-surface,#161616);border:1px solid var(--yj-ui-border,#303638);border-radius:6px;overflow:hidden; }
.yj-article-image { display:block;width:100%;height:clamp(180px,23vw,280px);object-fit:cover; }
.yj-article .cf-full-post-body { max-width:832px;margin:0 auto;padding:32px 36px 40px;background:transparent;border-radius:0; }
.yj-article .cf-full-post-title { font-size:32px;line-height:1.25;font-weight:600;color:var(--yj-ui-text,#fff2d3);margin:0 0 12px;overflow-wrap:anywhere; }
.yj-article-meta { display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 16px;font-size:13px;line-height:1.5;color:var(--yj-ui-muted,#b8b8bd); }
.yj-article-meta .post-tags { display:flex;flex-wrap:wrap;gap:8px;font-size:12px; }
.yj-article .yj-article-header { padding-bottom:24px; }
.yj-article .cf-full-post-content { font-size:16px;line-height:1.75;color:var(--yj-ui-text,#dedbd4);overflow-wrap:anywhere; }
.yj-article .cf-full-post-content :is(p,ul,ol,blockquote,pre,table) { margin:0 0 16px; }
.yj-article .cf-full-post-content :is(h1,h2,h3,h4,h5,h6) { color:var(--yj-ui-text,#fff2d3);line-height:1.35;font-weight:600;margin:28px 0 10px; }
.yj-article .cf-full-post-content h1 { font-size:26px; }
.yj-article .cf-full-post-content h2 { font-size:23px; }
.yj-article .cf-full-post-content h3 { font-size:20px; }
.yj-article .cf-full-post-content :is(h4,h5,h6) { font-size:18px; }
.yj-article .cf-full-post-content > :first-child { margin-top:0; }
.yj-article .cf-full-post-content > :last-child { margin-bottom:0; }
.yj-article .cf-full-post-content li+li { margin-top:6px; }
.yj-article .cf-full-post-content :is(img,video,iframe) { max-width:100%; }
.yj-article .cf-full-post-content :is(img,video) { height:auto; }
.yj-article .cf-full-post-content :is(pre,table) { display:block;max-width:100%;overflow-x:auto; }
.yj-article .cf-full-post-content a { color:var(--cm-link,#32afd4);text-underline-offset:3px; }
.yj-related-posts { margin-top:32px; }
.yj-related-posts .more-posts { font-size:24px;line-height:1.3;font-weight:600;color:var(--yj-ui-text,#fff2d3);margin:0 0 16px; }
.yj-related-posts .post-list { grid-template-columns:repeat(3,minmax(0,1fr));gap:20px; }
.yj-related-posts .post-card-small { grid-area:auto;display:flex;flex-direction:column;min-width:0;background:var(--yj-ui-surface,#161616);border:1px solid var(--yj-ui-border,#303638);border-radius:6px;overflow:hidden; }
.yj-related-posts .post-card-small .post-card-img { height:150px; }
.yj-related-posts .post-card-small .post-card-body { padding:20px 20px 0;margin-bottom:0!important; }
.yj-related-posts .post-card-small .post-card-title { font-size:18px;line-height:1.4; }
.yj-related-posts .post-card-title .theme-text { color:var(--yj-ui-text,#fff2d3); }
.yj-related-posts .post-card-content { font-size:14px;line-height:1.6;color:var(--yj-ui-muted,#b8b8bd);margin-top:10px; }
.yj-related-posts .post-tags:empty { display:none; }
.yj-related-posts .post-card-small .post-card-footer { font-size:13px;line-height:1.5;color:var(--yj-ui-muted,#b8b8bd);padding:16px 20px 20px;margin-top:auto;position:static;bottom:auto;width:auto; }
.yj-news-post-page a:focus-visible { outline:2px solid var(--cm-link,#32afd4);outline-offset:4px; }
@media(max-width:767px) {
 .yj-news-post-page { padding-top:16px;padding-bottom:32px; }
 .yj-article .cf-full-post-body { padding:24px 20px 28px; }
 .yj-article .cf-full-post-title { font-size:26px; }
 .yj-article .yj-article-header { padding-bottom:20px; }
 .yj-article .cf-full-post-content { line-height:1.7; }
 .yj-article .cf-full-post-content h2 { font-size:21px; }
 .yj-related-posts .post-list { grid-template-columns:1fr;gap:16px; }
 .yj-related-posts .more-posts { font-size:22px; }
 .yj-related-posts .post-card-small .post-card-img { height:180px; }
}
