.articles-page{max-width:800px;margin:0 auto;padding:24px 16px;font-family:system-ui,sans-serif}.articles-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.articles-nav-actions{display:flex;align-items:center;gap:10px}.article-card{border-bottom:1px solid #f1f5f9;padding:16px 4px}.article-card-body{display:flex;gap:16px;align-items:flex-start;cursor:pointer}.article-thumbnail{width:96px;height:54px;object-fit:cover;border-radius:8px;flex-shrink:0}.article-title{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:16px;font-weight:600;line-height:1.5;color:#0f172a}.article-meta{margin-top:6px;display:flex;gap:6px;font-size:13px;color:#64748b;align-items:center}.article-footer{margin-top:10px;display:flex;justify-content:flex-end;gap:6px}@media(max-width:480px){.articles-page{padding:16px 12px}.articles-nav{margin-bottom:16px;padding-bottom:12px;flex-wrap:wrap;gap:10px}.articles-nav-actions{gap:8px}.article-card{padding:14px 2px}.article-card-body{gap:12px}.article-thumbnail{width:80px;height:54px}.article-title{font-size:15px}.article-meta{font-size:12px}}.auth-input{width:100%;padding:9px 12px;font-size:14px;font-family:inherit;color:#0f172a;border:1px solid #e2e8f0;border-radius:6px;outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.auth-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.auth-btn-primary{width:100%;padding:10px 16px;font-size:14px;font-family:inherit;font-weight:600;background:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .15s}.auth-btn-primary:hover:not(:disabled){background:#1d4ed8}.auth-btn-primary:disabled{background:#93c5fd;cursor:not-allowed}