.share-page{padding-top:32px}.container{max-width:1920px;margin:0 auto;padding:0 24px}@media (max-width:768px){.container{padding:0 12px}}.articles-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:1024px){.articles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.articles-grid{grid-template-columns:1fr;gap:12px}}.article-col{margin-bottom:24px}@media (max-width:768px){.article-col{margin-bottom:12px}}.empty-state{text-align:center;color:#666;border:2px dashed #e5e5e5;border-radius:12px;grid-column:1/-1;padding:64px}.article-card{height:100%;color:inherit;letter-spacing:-.02em;background:#f5f5f5;flex-direction:column;text-decoration:none;transition:background-color .2s;display:flex}.article-card:hover{background:#e5e5e5}html.dark .article-card{background:#262626}html.dark .article-card:hover{background:#333}.article-poster-container{width:100%;position:relative}.article-poster{aspect-ratio:8/5;background:#e0e0e0;width:100%;position:relative}html.dark .article-poster{background:#333}.article-poster-placeholder{background:linear-gradient(135deg,#e0e0e0 0%,#d0d0d0 100%);position:absolute;inset:0}html.dark .article-poster-placeholder{background:linear-gradient(135deg,#333 0%,#222 100%)}.article-poster-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.article-content{flex-direction:column;flex:1;padding:48px;display:flex;position:relative}@media (max-width:768px){.article-content{padding:24px}}.article-sort{padding-left:12px;font-size:14px;position:relative}.article-sort:before{content:"";background:#000;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:0;transform:translateY(-50%)}html.dark .article-sort:before{background:#fff}.article-title{letter-spacing:-.02em;flex:1;margin-top:8px;font-size:32px;line-height:1.2}@media (max-width:768px){.article-title{font-size:20px}}.article-meta{justify-content:space-between;align-items:center;margin-top:64px;font-size:14px;display:flex}@media (max-width:768px){.article-meta{margin-top:32px}}.article-date{font-weight:700}.article-views{align-items:center;gap:4px;display:flex}.eye-icon{width:20px;height:20px}@media (max-width:768px){.eye-icon{width:16px;height:16px}}