.top-stories-bg{padding:4rem 0;background:var(--surface-color);width:100%;overflow:hidden}.container{max-width:1200px;margin:0 auto;padding:0 1rem;width:100%}.stories-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;width:100%}.title-with-icon{display:flex;align-items:center;gap:.75rem}.title-with-icon svg{color:var(--primary-color);flex-shrink:0}.scroll-controls{display:flex;gap:.5rem;flex-shrink:0}.scroll-btn{background:var(--surface-color);border:2px solid var(--border-color);color:var(--text-color);width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.scroll-btn:hover{background:var(--primary-color);color:white;border-color:var(--primary-color);transform:scale(1.05)}.story-card{background:var(--surface-color);border-radius:16px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);flex-shrink:0;transition:all .3s ease;cursor:pointer;border:1px solid var(--border-color)}.story-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px rgba(0,0,0,.15);border-color:var(--primary-color)}.story-image{position:relative;height:150px;overflow:hidden}.story-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.story-card:hover .story-image img{transform:scale(1.1)}.story-category{position:absolute;top:1rem;left:1rem;background:var(--primary-color);color:white;padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.story-content{padding:1.5rem}.story-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:1.25rem;font-weight:600;line-height:1.4;margin-bottom:1rem;color:var(--text-color)}.story-meta{justify-content:space-between}.author-info,.story-meta{display:flex;align-items:center}.author-info{gap:.75rem}.author-avatar{width:2rem;height:2rem;border-radius:50%;object-fit:cover}.author-name{font-size:.875rem;font-weight:500;color:var(--text-color)}.read-time{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.875rem}@media (max-width:1024px){.section-title{font-size:2rem}.story-card{min-width:300px;max-width:300px}.stories-scroll{gap:1.5rem}}@media (max-width:768px){.top-stories{padding:3rem 0}.stories-header{flex-direction:column}.section-title{font-size:1.75rem}.story-card{min-width:280px;max-width:280px}.story-content{padding:1.25rem}.story-meta{flex-direction:column;align-items:flex-start;gap:.75rem}.container{padding:0 1rem}}@media (max-width:480px){.top-stories{padding:2rem 0}.section-title{font-size:1.5rem}.story-card{min-width:260px;max-width:260px}.story-content{padding:1rem}.stories-scroll{gap:1rem}.story-image{height:180px}.container{padding:0 .75rem}}