.news-layout { display:grid; grid-template-columns:1fr 280px; gap:64px; align-items:start; }
@media(max-width:960px){ .news-layout{grid-template-columns:1fr;gap:48px} }

/* Article list */
.article-list { display:flex; flex-direction:column; gap:0; }
.article-item { display:grid; grid-template-columns:180px 1fr; gap:28px; padding:32px 0; border-bottom:1px solid var(--line); align-items:start; transition:background .2s; }
.article-item:first-child { border-top:1px solid var(--line); }
@media(max-width:640px){ .article-item{grid-template-columns:1fr;gap:16px} }
.article-item:hover .article-title { color:var(--accent); }
.art-img { aspect-ratio:4/3; position:relative; overflow:hidden; flex-shrink:0; }
.art-img .ph { position:absolute; inset:0; transition:transform .55s cubic-bezier(.2,.7,.2,1); }
.article-item:hover .art-img .ph { transform:scale(1.05); }
.art-meta { display:flex; gap:10px; align-items:center; margin-bottom:10px; flex-wrap:wrap; }
.art-cat { font-family: var(--latin); font-weight: 600; font-size:12px; letter-spacing:.14em; background:var(--accent); color:var(--paper); padding:3px 10px; }
.art-date { font-family: var(--latin); font-weight: 600; font-size:12px; letter-spacing:.14em; color:var(--ink-soft); }
.article-title { font-family:var(--serif); font-size:18px; font-weight:500; line-height:1.5; margin:0 0 10px; transition:color .25s; }
.art-lead { font-size:13px; color:var(--ink-soft); line-height:1.85; margin:0; }
.art-more { font-family: var(--latin); font-weight: 600; font-size:12px; letter-spacing:.14em; color:var(--accent); margin-top:12px; display:inline-flex; gap:6px; }
.art-more::after { content:"→"; transition:transform .3s; }
.article-item:hover .art-more::after { transform:translateX(3px); }

/* Sidebar */
.sidebar-widget { margin-bottom:30px; }
.sidebar-widget h4 { font-family: var(--latin); font-weight: 600; font-size:12px; letter-spacing:.18em; color:var(--accent); margin:0 0 16px; padding-bottom:10px; border-bottom:1px solid var(--line); }
.cat-list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:0; }
.cat-list li { border-bottom:1px solid var(--line); }
.cat-list a { display:flex; justify-content:space-between; padding:11px 0; font-size:13px; transition:color .2s; }
.cat-list a:hover { color:var(--accent); }
.cat-list .cnt { font-family: var(--latin); font-weight: 600; font-size:12px; color:var(--ink-soft); }
.recent-list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:16px; }
.recent-list li a { display:flex; gap:12px; align-items:flex-start; }
.recent-list .r-img { width:64px; height:48px; position:relative; overflow:hidden; flex-shrink:0; }
.recent-list .r-img .ph { position:absolute; inset:0; }
.recent-list .r-txt .r-date { font-family: var(--latin); font-weight: 600; font-size:12px; letter-spacing:.12em; color:var(--ink-soft); margin-bottom:4px; }
.recent-list .r-txt .r-title { font-size:12.5px; line-height:1.5; transition:color .2s; }
.recent-list li:hover .r-title { color:var(--accent); }
