/* Article sidebar only: readable editorial cards and touch targets. */
.article-sidebar{gap:18px;position:static}
.article-sidebar .sidebar-block{border:1px solid #e3e4e8;border-radius:16px;background:#fff;box-shadow:0 5px 20px rgba(18,22,31,.055)}
.article-sidebar .sidebar-block>header{min-height:65px;padding:17px 18px;border-bottom:1px solid #eceef0;gap:10px}
.article-sidebar .sidebar-block>header h2{font-size:19px;line-height:1.2;letter-spacing:-.025em;font-weight:800;color:#17181c}
.article-sidebar .sidebar-block>header a{display:inline-flex;align-items:center;min-height:44px;color:#c90010;font-size:13px;font-weight:800;white-space:nowrap}
.article-sidebar .sidebar-block a:focus-visible{outline:3px solid #e30613;outline-offset:3px}
.article-sidebar .sidebar-latest-list{display:grid;gap:9px;padding:14px}
.article-sidebar .sidebar-latest-list article{min-width:0}
.article-sidebar .sidebar-latest-list article>a{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:start;gap:12px;min-height:92px;padding:10px;border:1px solid #eceef0;border-radius:12px;background:#fafafa;transition:background .18s,border-color .18s,box-shadow .18s}
.article-sidebar .sidebar-latest-list article>a:hover{background:#fff;border-color:#ebbbc0;box-shadow:0 4px 14px #1111}
.article-sidebar .sidebar-latest-list img{width:88px;height:76px;border-radius:8px;object-fit:cover}
.article-sidebar .sidebar-latest-list article div{min-width:0}
.article-sidebar .sidebar-latest-list small{display:block;margin:0 0 5px;color:#c90010;font-size:11px;line-height:1.25;font-weight:800;letter-spacing:.02em;text-transform:uppercase;overflow-wrap:anywhere}
.article-sidebar .sidebar-latest-list b{display:block;overflow:visible;color:#191a1e;font-size:15px;line-height:1.35;font-weight:750;overflow-wrap:anywhere}
.article-sidebar .sidebar-latest-list time{display:block;margin-top:6px;color:#666b73;font-size:12px;line-height:1.3}
.article-sidebar .sidebar-popular ol{display:grid;gap:9px;margin:0;padding:14px;list-style:none}
.article-sidebar .sidebar-popular li{display:block;min-height:0;border:0}
.article-sidebar .sidebar-popular li>a{display:grid;grid-template-columns:32px 62px minmax(0,1fr);gap:10px;align-items:center;min-height:84px;padding:10px;border:1px solid #eceef0;border-radius:12px;background:#fafafa;color:#191a1e;text-decoration:none;transition:background .18s,border-color .18s,box-shadow .18s}
.article-sidebar .sidebar-popular li>a:hover{background:#fff;border-color:#ebbbc0;box-shadow:0 4px 14px #1111}
.article-sidebar .sidebar-popular .sidebar-rank{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#ededf0;color:#4e5058;font-size:12px;font-weight:900;line-height:1}
.article-sidebar .sidebar-popular li:first-child .sidebar-rank{background:#e30613;color:#fff}
.article-sidebar .sidebar-popular li img{display:block;width:62px;height:62px;object-fit:cover;border-radius:8px}
.article-sidebar .sidebar-popular li b{font-size:15px;line-height:1.35;font-weight:750;overflow-wrap:anywhere}
.article-sidebar .sidebar-social{padding-bottom:16px}
.article-sidebar .sidebar-social>p{margin:15px 18px;color:#555b63;font-size:14px;line-height:1.55}
.article-sidebar .sidebar-social-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 16px}
.article-sidebar .sidebar-social-links a{display:flex;align-items:center;justify-content:flex-start;gap:9px;width:auto;height:auto;min-height:48px;padding:10px 11px;border:1px solid #e2e3e6;border-radius:10px;background:#fafafa;color:#25262a;font-size:13px;line-height:1.2;font-weight:750}
.article-sidebar .sidebar-social-links a::after{content:attr(aria-label);min-width:0;overflow-wrap:anywhere}
.article-sidebar .sidebar-social-links a svg,.article-sidebar .sidebar-social-links a img{display:block;flex:0 0 20px;width:20px;height:20px;object-fit:contain}
.article-sidebar .sidebar-social-links a:hover{border-color:#e30613;background:#e30613;color:#fff}
.article-sidebar .sidebar-empty{margin:0;padding:14px;color:#555b63;font-size:14px;line-height:1.5}
@media(max-width:900px){
 .article-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .article-sidebar .sidebar-live,.article-sidebar .sidebar-latest{grid-column:1/-1;grid-row:auto;min-height:0}
 .article-sidebar .sidebar-popular,.article-sidebar .sidebar-social{grid-column:auto;grid-row:auto;min-height:0}
 .article-sidebar .sidebar-latest-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .article-sidebar{grid-template-columns:minmax(0,1fr);gap:14px}
 .article-sidebar .sidebar-live,.article-sidebar .sidebar-latest,.article-sidebar .sidebar-popular,.article-sidebar .sidebar-social{grid-column:auto;grid-row:auto}
 .article-sidebar .sidebar-block{border-radius:15px}
 .article-sidebar .sidebar-block>header{padding-inline:16px}
 .article-sidebar .sidebar-latest-list{grid-template-columns:1fr;padding:12px}
 .article-sidebar .sidebar-latest-list article>a{grid-template-columns:88px minmax(0,1fr)}
 .article-sidebar .sidebar-popular ol{padding:12px}
}
@media(max-width:360px){.article-sidebar .sidebar-latest-list article>a{grid-template-columns:72px minmax(0,1fr)}.article-sidebar .sidebar-latest-list img{width:72px;height:72px}.article-sidebar .sidebar-popular li>a{grid-template-columns:28px 52px minmax(0,1fr);gap:8px}.article-sidebar .sidebar-popular .sidebar-rank{width:28px;height:28px}.article-sidebar .sidebar-popular li img{width:52px;height:52px}}
@media(prefers-reduced-motion:reduce){.article-sidebar .sidebar-block a{transition:none}}