.weekly-picks{margin:24px 0 18px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.weekly-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.weekly-heading h2{margin:0;color:var(--text);font-size:19px;line-height:1.4}
.weekly-heading p{margin:4px 0 0;color:var(--muted);font-size:12px}
.weekly-heading>a{color:var(--accent);text-decoration:none;font-size:12px;white-space:nowrap}
.weekly-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.weekly-card{display:flex;gap:12px;align-items:center;min-width:0;text-decoration:none;color:var(--text);border:1px solid var(--line);border-radius:10px;overflow:hidden;padding:8px;transition:border-color .2s,background .2s}
.weekly-card:hover{border-color:var(--accent);background:var(--surface2)}
.weekly-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.weekly-image{position:relative;flex:0 0 106px;min-width:0}
.weekly-image img{display:block;width:106px;height:78px;object-fit:cover;border-radius:6px}
.weekly-image span{position:absolute;left:5px;top:5px;background:#15191dd9;color:#fff;font-size:10px;line-height:1;padding:5px 6px;border-radius:4px}
.weekly-copy{min-width:0;flex:1}
.weekly-copy h3{margin:0 0 5px;font-size:14px;color:var(--text);line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.weekly-copy p{margin:0;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.weekly-copy .weekly-views{color:var(--accent);font-size:11px;margin-top:5px}
.weekly-empty{padding:14px 0 2px;color:var(--muted);font-size:13px;line-height:1.7}
@media(max-width:1050px){.weekly-list{gap:10px}.weekly-image{flex-basis:82px}.weekly-image img{width:82px;height:76px}.weekly-card{gap:9px}}
@media(max-width:750px){.weekly-list{grid-template-columns:1fr}.weekly-card{gap:12px}.weekly-image{flex-basis:100px}.weekly-image img{width:100px;height:70px}.weekly-copy h3{-webkit-line-clamp:1}.weekly-picks{padding:14px;margin:18px 0}.weekly-heading{align-items:flex-start}.weekly-heading h2{font-size:18px}}