.simple-article-list{flex-direction:column;gap:16px;width:100%;display:flex}.article-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:16px;min-height:72px;padding:16px;transition:all .2s;display:flex;position:relative}.article-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.dark .article-card{background:#1f2937;border-color:#374151}.dark .article-card:hover{border-color:#60a5fa;box-shadow:0 2px 8px #60a5fa33}.article-icon{color:#3b82f6;background:#dbeafe;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.article-card:hover .article-icon{background:#bfdbfe}.dark .article-icon{color:#60a5fa;background:#1e3a8a}.dark .article-card:hover .article-icon{background:#1e40af}.article-title-container{flex-direction:column;flex:1;justify-content:center;min-width:0;max-width:300px;min-height:56px;display:flex;position:relative}.article-title-link{text-decoration:none;display:block}.article-title{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;margin:0 0 8px;font-size:14px;font-weight:600;line-height:1.4;transition:color .2s;display:block;overflow:hidden}.article-title-link:hover .article-title{color:#3b82f6}.dark .article-title{color:#f9fafb}.dark .article-title-link:hover .article-title{color:#60a5fa}.article-meta{flex-shrink:0;align-self:center;align-items:center;gap:12px;margin-left:auto;display:flex}.difficulty-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:600}.difficulty-badge.beginner{color:#166534;background:#dcfce7}.difficulty-badge.intermediate{color:#92400e;background:#fef3c7}.difficulty-badge.advanced{color:#991b1b;background:#fee2e2}.dark .difficulty-badge.beginner{color:#bbf7d0;background:#166534}.dark .difficulty-badge.intermediate{color:#fde68a;background:#92400e}.dark .difficulty-badge.advanced{color:#fecaca;background:#991b1b}.meta-item{color:#6b7280;white-space:nowrap;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:flex}.dark .meta-item{color:#9ca3af;background:#374151;border-color:#4b5563}.read-button{color:#6b7280;background:#fff;border:1px solid #d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000001a}.read-button:hover{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.dark .read-button{color:#9ca3af;background:#1f2937;border-color:#4b5563;box-shadow:0 1px 3px #0000004d}.dark .read-button:hover{color:#60a5fa;background:#1e3a8a;border-color:#60a5fa;box-shadow:0 2px 4px #60a5fa33}.article-description{color:#6b7280;display:-webkit-box;display:box;-webkit-line-clamp:2;line-clamp:2;box-orient:vertical;opacity:.8;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.4;position:absolute;bottom:12px;left:72px;right:80px;overflow:hidden}.dark .article-description{color:#9ca3af}@media (max-width:768px){.article-card{flex-direction:column;align-items:flex-start;gap:12px;min-height:auto;padding:12px}.article-icon{width:32px;height:32px}.article-icon svg{width:16px;height:16px}.article-title-link{max-width:100%;margin-bottom:8px}.article-title{font-size:13px}.article-meta{justify-content:space-between;gap:8px;width:100%;margin-left:0}.meta-item{padding:3px 6px;font-size:11px}.read-button{width:32px;height:32px}.read-button svg{width:14px;height:14px}.article-description{-webkit-line-clamp:2;line-clamp:2;order:3;margin-top:8px;font-size:11px;position:static}}@media (max-width:480px){.article-card{gap:8px;padding:10px}.article-title-link{max-width:100%}.article-title{font-size:12px}.article-meta{flex-direction:column;align-items:flex-start;gap:6px;width:100%}.meta-item{justify-content:space-between;width:100%}.read-button{position:absolute;top:10px;right:10px}.article-description{display:none}}