.article-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(220px,280px);grid-template-areas:"related main latest";grid-gap:32px 28px;gap:32px 28px;align-items:start;max-width:1440px;width:100%;margin:0 auto;padding:0 24px 48px;box-sizing:border-box;overflow-x:hidden;overflow-x:clip}.article-layout .article-detail{grid-area:main;max-width:100%;width:100%;min-width:0;margin:0;overflow-x:hidden;overflow-x:clip;align-self:start}.article-sidebar--related{grid-area:related}.article-sidebar--latest{grid-area:latest}.article-sidebar{display:flex;flex-direction:column;gap:24px;min-width:0;z-index:2;align-self:stretch;height:0;min-height:100%;max-height:calc(100vh - var(--header-height) - 24px);position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + 12px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.article-sidebar-block{border:1px solid var(--border);border-radius:4px;background:var(--card-bg);padding:20px}.article-sidebar-heading{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;background:var(--card-bg);z-index:1}.article-sidebar-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.article-sidebar-list li+li{border-top:1px solid var(--border)}.article-sidebar-item{display:grid;grid-template-columns:64px minmax(0,1fr);grid-gap:12px;gap:12px;padding:14px 0;text-decoration:none;color:inherit;transition:opacity .15s ease}.article-sidebar-item:hover{opacity:.72}.article-sidebar-thumb{position:relative;width:64px;height:64px;overflow:hidden;border-radius:3px;background:var(--bg-secondary);flex-shrink:0}.article-sidebar-thumb img{width:100%;height:100%;object-fit:cover;display:block}.article-sidebar-thumb-fallback{display:block;width:100%;height:100%;background:repeating-linear-gradient(45deg,var(--bg-secondary),var(--bg-secondary) 6px,var(--border) 6px,var(--border) 7px)}.article-sidebar-body{display:flex;flex-direction:column;gap:4px;min-width:0}.article-sidebar-category{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--primary)}.article-sidebar-title{font-size:14px;font-weight:600;line-height:1.35;color:var(--text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-sidebar-meta{font-size:11px;color:var(--text-muted)}.article-sidebar-skeleton{height:88px;border-radius:4px;border:1px solid var(--border);background:var(--bg-secondary);opacity:.6;margin-bottom:10px}.article-sidebar-skeleton:last-child{margin-bottom:0}@media (max-width:1100px){.article-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "related" "latest";gap:28px;padding:0 16px 32px}.article-sidebar,.article-sidebar--latest,.article-sidebar--related{position:static;height:auto;min-height:0;max-height:none;overflow:visible;align-self:start}.article-sidebar-heading{position:static}.article-layout .article-detail{padding-left:0;padding-right:0}}@media (max-width:560px){.article-sidebar-item{grid-template-columns:56px minmax(0,1fr);gap:10px}.article-sidebar-thumb{width:56px;height:56px}.article-sidebar-block{padding:16px}}